连续显示文本

Question

如何使用JavaScript/jQuery使文本连续出现？

我想每个字符之间有半秒钟，然后我想重复同样的继承2-3次。我在我的所有网络搜索中都干涸了。

Answer 1

jsFiddle Demo

使用超时与回调。您可以使用setTimeout或使用delay的jQuery使用JavaScript本地执行此操作。为了便于重复，除了当前文本偏移之外，还可以使用带计数器的递归循环来完成。

HTML的演示

<div id="d"></div> 

JS的演示

var text = "Hello World!"; 
var d = $("#d")[0]; 
(function write(i,n){ 
if(i == text.length){ 
    if(n == 2) return; 
    d.innerHTML = ""; 
    setTimeout(function(){write(0,++n)},500); 
}else{ 
    d.innerHTML += text[i++]; 
    setTimeout(function(){write(i,n)},500); 
} 
})(0,0) 

这里是一个深入稍微演示它使用文本块（写入加快了概念验证）。 http://jsfiddle.net/64uNd/