一个字一个字出现
登录
在网页中实现文字的一个一个出现 原创
opooc
2018-05-13 阅读数：1850
关注
<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>
