连续显示文字答案

【问题标题】：Reveal text in succession连续显示文字
【发布时间】：2014-04-01 06:47:32
【问题描述】：

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

我希望每个字符之间有半秒，然后我想重复相同的连续 2-3 次。我在所有网络搜索中都对此感到厌烦。

【问题讨论】：

可能是这个答案的重复（但提到重复'2-3次'让我停下来），尽管这个问题似乎被问得很糟糕，然后编辑得很糟糕，因为：stackoverflow.com/questions/13325008/…

标签： javascript jquery html css

【解决方案1】：

jsFiddle Demo

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

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

【讨论】：