javascript - javascript: 如何创建一个缓慢的 for...in 循环

Question

我正在制作自己的幻灯片。我想迭代一个对象的成员，每次迭代之间有一个可观察的停顿。

使用 setInterval，我想出了这个：

for (key in ob) {

setInterval(
    function (){
    console.log("Key:", key);
    console.log("Value:", ob[key]);
    }, 2000

        ) 

}

但是，这不起作用。它会立即转储键/值对，我的期望是每个操作之间会有一个间隔。

如何在每个操作之间暂停迭代？

Answer 1

你根本不能那样做。

尝试这个：

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 );

Answer 2

创建一个自我召回超时，例如：

function slowLoop(){
   setTimeout(function(){
   // Do something

   slowLoop();
   }, 2000);
}