连续显示文本

Question

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

我希望每个字符之间有半秒的间隔，然后我想重复相同的顺序2-3次。我在我所有的网络搜索中都发现了这个问题。

Answer 1

在回调中使用超时。为了便于重复，除了当前文本偏移量之外，您还可以使用带有计数器的递归循环来完成。

用于演示的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/