<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
content = "从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚"
i = 0
function show(){
str = content.substr(0,i)
txt.innerHTML = str + "_"
i++
if (i>content.length)i=0
setTimeout("show()",200) }
</script>
</head>
<body onLoad="show()">
<div id="txt"></div>
</body>
</html>
更改etTimeout("show()",200)的200可以改变文字出现的速度
以下是效果展示
兼容各浏览器：
JS：
window.onload=function(){var story = document.getElementById('sto')
var s = document.getElementById('show')
var a = story.innerHTML.slice("")
var i = 0
timer=setInterval(function(){
s.innerHTML=story.innerHTML.substring(0,i)
i++
if(s.innerHTML==story.innerHTML){clearInterval(timer)}
},500)
}
HTML：
<p id="sto" style="display:none">从前有座山，山里有座庙，庙里有个老和尚跟老尼姑，有一天....</p><p id="show"></p>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）