如何使用JavaScript / jQuery连续显示文本?
我希望每个角色之间有半秒钟,然后我想重复2-3次相同的继承。在我的所有网络搜索中,我都会干嘛。
答案 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/