javascript文字逐字逐行显示效果
javascript文字逐字逐行相似效果
<html>
<head>
<title>javascript文字逐字逐行显示效果</title>
<script>
var text = "12345678901234567890123456789012345678901234567890";
var textLen = text.length;
var lineNum = 10; //定义每行显示多少个字
var num = 0;
var _ = document.createTextNode('_');
var i = 0;
function type() {
str = text.substr(i, 1);
var txt = document.getElementById('txt');
txt.appendChild(document.createTextNode(str));
txt.appendChild(_);
num++;
if (num > 0 && num % lineNum == 0) txt.appendChild(document.createElement('br'));
i++;
if (i < textLen) setTimeout(function () { type(i) }, 300); else txt.removeChild(_);
}
</script>
</head>
<body onload="type()">
<div id="txt"></div>
</body>
</html>
加支付宝好友偷能量挖...
原创文章，转载请注明出处：javascript文字逐字逐行显示效果