js实现字符串一个一个依次显示

最新推荐文章于 2023-07-13 15:14:53 发布

转载最新推荐文章于 2023-07-13 15:14:53 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/weibo806/p/8944892.html

文章标签：

#javascript #ViewUI

本文介绍了两种在网页上实现文本逐字显示效果的方法。一种是使用JavaScript配合HTML的<textarea>和<div>元素实现，另一种则是通过jQuery结合<p>标签完成。这两种方法都可以让文本内容逐渐显示出来，为用户提供有趣的阅读体验。

一：
<textarea id="showStr"></textarea>
<div style="display:none" id="string">请在此输入您想咨询的问题
</div>
<script language="javascript">
var index=0;
var str=document.getElementById("string").innerHTML;
function type(){
if(index==str.length){index=0;}
document.getElementById("showStr").innerText = str.substring(0,index++);
}
setInterval(type, 500);
</script>

二：

<p id="aa" class="string"></p>
<p style="display:none" id="w">请在此输入您想咨询的问题</p>