我正在制作自己的幻灯片。我想对对象的成员进行迭代,每次迭代之间都有一个可观察到的停顿。
使用setInterval,我想出了这个:
for (key in ob) {
setInterval(
function (){
console.log("Key:", key);
console.log("Value:", ob[key]);
}, 2000
)
}
然而,这不起作用。它会立即转储键/值对的日志,我的期望是每个操作之间会有一个间隔。
如何在每次操作之间暂停迭代?
你根本不能那样做。
试试这个:
var keys = Object.keys(ob);
var index = 0;
setInterval( function(){
console.log( keys[index], ob[keys[index]] );
index = ( index + 1 ) % keys.length;
}, 2000 );
http://jsfiddle.net/DgAPw/
一个不会滚动,而是在处理完所有内容后停止的例子:
var keys = Object.keys(ob);
var index = 0;
var timer = setInterval( function(){
console.log( keys[index], ob[keys[index]] );
index++;
if( index >= keys.length ) {
clearInterval( timer );
}
}, 2000 );
创建一个自调用超时,例如:
function slowLoop(){
setTimeout(function(){
// Do something
slowLoop();
}, 2000);
}