“一个字一个字出现”的版本间的差异

来自产品维基百科
跳转至: 导航搜索
(以“ {{一个字一个字出现}}”替换内容)
第1行: 第1行:
<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>
 
<div id = "test"></div>
 
<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>
 
 
{{一个字一个字出现}}
 
{{一个字一个字出现}}

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>