打字效果代码 转自马黑博客

admin

本例，代码中的字串变量有说明：

<div id="txtBox" style="margin: auto; width: 400px; font-size: 1em;"></div>

<script language="javascript">

var txtBox = document.getElementById("txtBox");
var idx = 0;
var str = "本例主要利用JS的substring()方法截取字符串的第start个到第end个字串，并通过setInterval定时器实现循环不断的逐字上屏功能。";

setInterval(function(){
        txtBox.innerHTML = str.substring(0, idx) + "|";
        idx += 1;
        if(idx > str.length) idx = 0;
}, 200);

</script>

admin

本例，代码中的字串变量有说明：