Javascript - for 循环中的 sleep()

Question

我有这个脚本:

var array = [];
array[0] = 'http://facebook.com/';
array[1] = 'http://instagram.com/';
array[2] = 'http://twitter.com';

$(document).ready(function()
{
    for(i=0; i<= 2; i++)
    {
        $('#ifr').attr('src', array[i]);
        // sleep here for 0,5 second
    }
});

我怎样才能停止这个循环 0.5 秒？

Answer 1

为此，您可以使用 setTimeout，

for(i=0; i<=2; i++) {
  setTimeout(function(i) {
    $('#ifr').attr('src', array[i]);
  },500 * i,i);
  //1000 ms is 1 sec, here I have give 0.5 seconds as a delay.
}

无需为每次迭代创建作用域来处理闭包问题。您可以使用setTimout 的第三个参数来设置callBack 函数的参数。