JS 实现类似打印的效果（一个字一个字显示）

最新推荐文章于 2024-08-05 17:06:21 发布

转载最新推荐文章于 2024-08-05 17:06:21 发布 · 484 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xjuan/p/5439373.html

文章标签：

#前端 #ViewUI

本文分享了一段美好的祝福语并使用JavaScript实现了逐字显示的效果。通过简单的代码实现了页面上文字的动态展示。

<pre id="aa"></pre>
<div style="display:none" id="w">祝你有诗有歌有远方，有酒有肉有姑娘
</div>
<script language="javascript">
var index=0;
var word=document.getElementById("w").innerHTML;
function type(){
    document.getElementById("aa").innerText = word.substring(0,index++);
}
setInterval(type, 500);
</script>

转载于:https://www.cnblogs.com/xjuan/p/5439373.html