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>