文字信息闪烁输出 ---js

最新推荐文章于 2022-01-28 17:49:57 发布

糖糖糖糖糖甜

最新推荐文章于 2022-01-28 17:49:57 发布

阅读量441

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/zzqw199012/article/details/46725981

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script type="text/javascript">
function typewriter(id){
var $ele = document.getElementById(id);
var str = $ele.innerHTML, progress = 0;
$ele.innerHTML = '';
var timer = setInterval(function(){
var current = str.substr(progress,1);
if(current == '<'){
progress = str.indexOf('>',progress)+1;
}else{
progress++;
}
progress++;
$ele.innerHTML =str.substring(0, progress) + (progress & 1 ? '_' : '');
if (progress >= str.length) {
clearInterval(timer);
}
}, 75);
}
</script>
<body οnlοad="typewriter('code')">
<span class="print" >

<div id="code">
<p>/**</p>
<p>代码自动更新</p>
<p>*/</p>
<p>2015 i want to say:i want to sleep</p>
</div>
</BODY>
</HTML>