javascript - 连续显示文字

Question

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

我想在每个 Angular 色之间间隔半秒，然后我想重复相同的顺序 2-3 次。我对这个的所有网络搜索都干涸了。

Answer 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/