1. 程式人生 > >java script中的定時器控制文字

java script中的定時器控制文字

<div id="text">      </div>

<script>

         var i=0;
var str="能夠遇見你是我最大的幸運,有了你生活變得豐富多彩,有了你,世界變得如此迷人,你是我的世界,我的世界是你。對我來說,不是在最美好的時光遇見了你,而是遇見你以後都是最美好的時光!";
window.onload=function typing()

{


 var mydiv=document.getElementById("text");
          mydiv

.innerHTML+=str.charAt(i);
 i++;
 console.log(i);
 var id = setTimeout(typing,100);
 if(i==str.length)

                  {
          clearTimeout(id);
 }

}

</script>