連續顯示文本

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/