首页 /  web前端 /  JavaScript / 打字机效果

0 52

打字机效果

<html>  
<head>  
<title>打字机效果</title>  
</head>  
<body>  
<div id='box'></div>  
<script type="text/javascript">  
var count=0;  
var typingtext="平凡之路<br/>"+
"徘徊着的 在路上的<br/>"+
"你要走吗 via via<br/>"+
"易碎的 骄傲着<br/>"+
"那也曾是我的模样<br/>"+
"沸腾着的 不安着的<br/>"+
"你要去哪 via via<br/>"+
"谜一样的 沉默着的";  

var myBlock=document.getElementById('box');  
function type(){  
 if(count<=typingtext.length){  
 myBlock.innerHTML=typingtext.substring(0,count);  
 count++;  
 }else{  
 window.clearInterval(intervalID);  
 }  
}  
var intervalID=window.setInterval(type,100);  
</script>  
</body>  
</html>  

[来源] https://yuanmouren.erlyun.com/p.php?id=61

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

添加一条新回复
小鱼儿 2019-09-18 15:43
0
送花
20积分一朵