一个字一个字出现

来自产品维基百科
明华讨论 | 贡献2019年12月7日 (六) 13:01的版本 (以“ {{一个字一个字出现}}”替换内容)
跳转至: 导航搜索

<html> <head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>opooc</title>

</head> <style > div{

   width: 800px;
   height: 30px;
   border:1px
   solid #ef3333;
   color: greenyellow;

} </style> <body>

<script >

   var text = "我有一个梦想我有一个梦想我有一个梦想我有一个梦想";
   var num = text.length;
   var i =0;
   function show() {
       var shower = text.substr(0,i);
       document.getElementById("test").innerHTML = shower;
       i++;
       if(i + 1 >= num){
           clearInterval("done");
       }
   }
   var done=setInterval("show()",500);


</script> </body>

</html>