连续显示文本

时间:2014-03-31 22:25:49

标签: javascript jquery html css

如何使用JavaScript / jQuery连续显示文本?

我希望每个角色之间有半秒钟,然后我想重复2-3次相同的继承。在我的所有网络搜索中,我都会干嘛。

1 个答案:

答案 0 :(得分:2)

jsFiddle Demo

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

html for demo

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

js for demo

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/