javascript中的window对象的setTimeout使用-白红宇

javascript中的window对象的setTimeout使用

阅读量：6412 次

发布时间：2019-06-23

本文共 1281 字，大约阅读时间需要 4 分钟。

   window对象setTimeout  
    
       
     
        
      
         
       	
        
         		div{			font-size:20px;			font-weight:bold;			font-family:Verdana, Geneva, sans-serif;		}		
         
           var msg = new Array();//存放显示文字数组 msg.push("-----"); msg.push("你知道吗？"); msg.push("-----"); msg.push("如果生命没有遗憾，没有波澜..."); msg.push("------"); msg.push("你会不会没有说再见的那一天！"); msg.push("离别嘎嘎嘎嘎嘎嘎"); //根据数组个数生成对应个数的div for(i=0;i<=msg.length/2;i++){ document.write("
          
"); } var interval = 100; var seq=0;//显示文字的位置 var i=0,j=0; //打字效果显示 function Scroll(){ if(i%2==0){ document.getElementsByTagName("div").item(j).innerHTML=msg[i].substring(seq,seq+1);//显示“-----”的第一个 }else{ document.getElementsByTagName("div").item(j).innerHTML=msg[i].substring(0,seq+1); } seq++; if(seq>msg[i].length){//全部显示完一行的所有文字 seq=0; i++;    //开始显示msg的下一元素 if(i%2==0) j++;//要显示文字才换行 interval=900; } if(i>=msg.length){  //全部显示完所有行 i=0; j=0; setTimeout("clearText()",2000);//文字显示完毕后停2秒后清空 return; } var timerScroll=setTimeout("Scroll()",interval);//0.1s定时执行 interval=100; } function clearText(){ for(k=0;k<(document.getElementsByTagName("div").length);k++){ document.getElementsByTagName("div").item(k).innerHTML=""; } interval=100; Scroll();//循环显示 }