如何添加延迟到HTML的JavaScript函数

Question

我已经在列表中打开网址下面的脚本：

function openWindow(){ 
    var x = document.getElementById('a').value.split('\n'); 
    for (var i = 0; i < x.length; i++) 
     if (x[i].indexOf('.') > 0) 
      if (x[i].indexOf('://') < 0) 
       window.open('http://'+x[i]); 
      else 
       window.open(x[i]); 
} 

不过，我想补充的延迟（假设约5秒），打开每个网页地址。我怎样才能做到这一点？

我对函数不熟悉。通常用Linux等更好。非常感谢您的洞察力。

Answer 1

一个更好的办法是使用setTimeout()连同self-executing anonymous function：

function openWindow() { 
    var i = 0; 
    var x = document.getElementById('a').value.split('\n'); 
    (function() { 
     if(typeof x[i] !== 'undefined') { 
      if(x[i].indexOf('.') > 0) { 
       if(x[i].indexOf('://') < 0) { 
        window.open('http://' + x[i++]); 
       } else { 
        window.open(x[i++]); 
       } 
      } 
      setTimeout(arguments.callee, 1000); 
     } 
     return false; 
    })(); 
} 

这将保证在您的代码执行之前不会进行下一次调用。在本例中我使用arguments.callee作为函数参考。一旦索引不再存在于数组中，通过检查它是否未定义，它只是返回false而不是设置另一个timout。

Answer 2

setInterval(function(){window.open('http://'+x[i]);},5000); 

Answer 3

创建的所有URL的

var x = [url1, url2, url3, ...]; 

阵列X创建一个for循环

for(var i = 0; i<x.length; i++) { 
    setTimeout(function() { 
    window.open('http://'+x[i])}, 1000); // 1000 for 1 second 
} 
} 

Answer 4

你可以像这样做，以避免因setTimeout的是无阻塞的问题。

你需要的是在开始下一次迭代之前等待setTimeout被执行。

var i = 0; 
function openWindow(){ 
    var x = document.getElementById('a').value.split('\n'); 
    doLoop(x); 
} 


function doLoop(x) 
    setTimeout(function() { 
     if (x[i].indexOf('.') > 0){ 
      if (x[i].indexOf('://') < 0){ 
       window.open('http://'+x[i]); 
      }else{ 
       window.open(x[i]); 
      } 
     } 
     i+=1; 
     if(i<x.length){ 
      doLoop(x); 
     } 
    }, 5000) 
} 

使用自执行功能，它会是这样的：

function openWindow() { 
    var i = 0; 
    var x = document.getElementById('a').value.split('\n'); 
    (function fn() { 
     if(x[i].indexOf('.') > 0) { 
      if(x[i].indexOf('://') < 0) { 
       window.open('http://' + x[i++]); 
      } else { 
       window.open(x[i++]); 
      } 
     } 
     i++; 
     if(i < x.length){ 
      setTimeout(fn, 3000); 
     } 
    })(); 
}