“一个字一个字出现”的版本间的差异
| 第36行: | 第36行: | ||
</html> | </html> | ||
| + | {{一个字一个字出现}} | ||
2019年12月7日 (六) 13:00的版本
<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> <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>