javascriptは自動出力テキストを実現します.
3936 ワード
主にsetTimeout()、再帰及びString.substring()を利用している.
作成した効果はタイピストがタイピングしているようです.
<script type=「text/javascript」>
//textareaオブジェクトを取得する
var text=document.getElemenntById(「text」);
//出力する内容
var str=「伝統的なHTML言語はインタラクティブな動的ウェブページを開発できません.JavaScriptはこの点をよくできます.JavaScriptはかなり簡単で学習しやすいネットワーク化プログラミング言語です.彼女とHTML言語を結合することによって、リアルタイムの動的ウェブページの特効を実現できます.これはウェブサイトの閲覧者にもいくつかの楽しみを提供します.」
var pos=0
//再帰的およびsetTimeout()を利用して文字出力を実現する
function printer(){
text.value=str.substring(0,pos)+「|」
//最後に到達するかどうか判断します.一秒後にもう一度来ます.
if(pos+>str.length){
pos=0;
set Timeout(「printer()」、1000);
}else{
set Timeout(「printer()」、50)
)
)
<p>方法2:JavaScriptはコンピュータをタイプライターする効果を実現します.
<div class=「jb 51 code」>
<pre><code>
<span id=「demo」/>
<script defer=「defer」>
var text=「JavaScriptによるタイピング効果」//予定文字
var delay=200/文字が現れる時間間隔
var i=0/初期化変数i
function scrollit(){
//idをデモの対象内に設定する文字は変数textの0からiまでの文字に「u」を追加します.
demo.innerText=text.slice(0,i+)+「u」
if(i>text.length){/iがtextのテキスト長より大きい場合
i=0/リセットiは0とし、最初の文字から文字を再表示する
//遅延はscrollit()関数を実行します.delay*10は完全なテキストを表示する時間を長くするためです.
setTimeout(「scrollit()」,delay*10)
)
//でなければdelayミリ秒後にscrollit()関数を再実行します.
else set Timeout(「scrollit()」,delay)
)
scrollit()//呼び出しscrollit()関数
<p>方法三:
<div class=「jb 51 code」>
<pre><code>
タイトルページ
<script laguage=「javascript」>
var layers=document.layers;
var style=document.all;
var both=layers style;
var id me=908601
if(layers)
{layerRef='document.layers';style Ref=';
if(style)
{layerRef='document.all';style Ref='.style';
//開始パラメータの定義
function writeOnText(obj,str)
{
if(layers)with(document[obj])
{document.open];document.write;document.close();
if(style)eval(obj+'.innerHTML=str')
)
var dispStr=new Aray(証監会は内幕情報を利用して不当な利益をむさぼると厳しく調べています.)//表示するテキスト
var overMe=0;
//ワードごとの表示方法
function txtTyper(str,idx,objId,objStyle,color 1,color 2,delay,plysnd)
{
var mstr=',strar=''
var skyp=200
if(both&&idx<=str.length){
if(str.chart(idx)=''''){while(str.chart(idx)!='')idx+;)
if(str.chart(idx)='&'s&str.chart(idx+1)!='){while(str.charmt(idx)!=')idx+;)
mystr=str.slice(0,idx)//戻る配列は、開始から指定位置までの文字列です.
struchar=str.chart(idx+)//現在の住所の文字
if(overMe==0&plysnd==1)
{
//ブラウザに対して、異なる表示方法を呼び出します.
if(navigator.plugins[0]){
if(navigator.plugins["LiveAudio].type==="audio/baic"&navigator.java Enbaled()
{document.embeds[0].stop();
set Timeout("document.embeds[0].play(false)",100);
}else if(document.all){
ding.Stop()
set Timeout(「ding.Run()」,100);
overMe=1;else overMe=0;
writeOnText(objId、<+objStyle+>+color 1+''"+mstr+"<+color 2
+「'」+strachar+「」)
setTimeout(「txtType」+str+「'」+idx+「'」+objId+「'」+objStyle+「'」+color 1+「','」+color 2+「',"+delay+","+plysd+",",",delay"))))));;.
function init()
{txtTyper(dispStr[0],0,'div 1','style 1','菗66CCBB',''33751;6600',400,0';;;
<div class=「style 1」id=「div 1」/>
<div class=「clearfix」>
<span id=「artbaot」class=「jbTestPos」/>
作成した効果はタイピストがタイピングしているようです.
Document
<script type=「text/javascript」>
//textareaオブジェクトを取得する
var text=document.getElemenntById(「text」);
//出力する内容
var str=「伝統的なHTML言語はインタラクティブな動的ウェブページを開発できません.JavaScriptはこの点をよくできます.JavaScriptはかなり簡単で学習しやすいネットワーク化プログラミング言語です.彼女とHTML言語を結合することによって、リアルタイムの動的ウェブページの特効を実現できます.これはウェブサイトの閲覧者にもいくつかの楽しみを提供します.」
var pos=0
//再帰的およびsetTimeout()を利用して文字出力を実現する
function printer(){
text.value=str.substring(0,pos)+「|」
//最後に到達するかどうか判断します.一秒後にもう一度来ます.
if(pos+>str.length){
pos=0;
set Timeout(「printer()」、1000);
}else{
set Timeout(「printer()」、50)
)
)
<p>方法2:JavaScriptはコンピュータをタイプライターする効果を実現します.
<div class=「jb 51 code」>
<pre><code>
<span id=「demo」/>
<script defer=「defer」>
var text=「JavaScriptによるタイピング効果」//予定文字
var delay=200/文字が現れる時間間隔
var i=0/初期化変数i
function scrollit(){
//idをデモの対象内に設定する文字は変数textの0からiまでの文字に「u」を追加します.
demo.innerText=text.slice(0,i+)+「u」
if(i>text.length){/iがtextのテキスト長より大きい場合
i=0/リセットiは0とし、最初の文字から文字を再表示する
//遅延はscrollit()関数を実行します.delay*10は完全なテキストを表示する時間を長くするためです.
setTimeout(「scrollit()」,delay*10)
)
//でなければdelayミリ秒後にscrollit()関数を再実行します.
else set Timeout(「scrollit()」,delay)
)
scrollit()//呼び出しscrollit()関数
<p>方法三:
<div class=「jb 51 code」>
<pre><code>
<script laguage=「javascript」>
var layers=document.layers;
var style=document.all;
var both=layers style;
var id me=908601
if(layers)
{layerRef='document.layers';style Ref=';
if(style)
{layerRef='document.all';style Ref='.style';
//開始パラメータの定義
function writeOnText(obj,str)
{
if(layers)with(document[obj])
{document.open];document.write;document.close();
if(style)eval(obj+'.innerHTML=str')
)
var dispStr=new Aray(証監会は内幕情報を利用して不当な利益をむさぼると厳しく調べています.)//表示するテキスト
var overMe=0;
//ワードごとの表示方法
function txtTyper(str,idx,objId,objStyle,color 1,color 2,delay,plysnd)
{
var mstr=',strar=''
var skyp=200
if(both&&idx<=str.length){
if(str.chart(idx)=''''){while(str.chart(idx)!='')idx+;)
if(str.chart(idx)='&'s&str.chart(idx+1)!='){while(str.charmt(idx)!=')idx+;)
mystr=str.slice(0,idx)//戻る配列は、開始から指定位置までの文字列です.
struchar=str.chart(idx+)//現在の住所の文字
if(overMe==0&plysnd==1)
{
//ブラウザに対して、異なる表示方法を呼び出します.
if(navigator.plugins[0]){
if(navigator.plugins["LiveAudio].type==="audio/baic"&navigator.java Enbaled()
{document.embeds[0].stop();
set Timeout("document.embeds[0].play(false)",100);
}else if(document.all){
ding.Stop()
set Timeout(「ding.Run()」,100);
overMe=1;else overMe=0;
writeOnText(objId、<+objStyle+>+color 1+''"+mstr+"<+color 2
+「'」+strachar+「」)
setTimeout(「txtType」+str+「'」+idx+「'」+objId+「'」+objStyle+「'」+color 1+「','」+color 2+「',"+delay+","+plysd+",",",delay"))))));;.
function init()
{txtTyper(dispStr[0],0,'div 1','style 1','菗66CCBB',''33751;6600',400,0';;;
<div class=「style 1」id=「div 1」/>
<div class=「clearfix」>
<span id=「artbaot」class=「jbTestPos」/>