如何在每次达到计数后暂停数组

时间:2014-05-17 15:50:18

标签: javascript jquery

我在javascript中有一系列符号。

对于Array的每个元素,我将它发送到服务器,并且我每10个连续执行此操作 使用setTimeout的秒数。

我的要求是,一旦我处理了数组中的一半符号,我想暂停操作3秒钟。

(数组的大小固定为100,所以我可以直接使用条件,如果它达到50)

我试过一个示例程序,

我观察到,当页面第一次加载时,会达到2个符号,其使用时间为2秒。 并且从下一个迭代开始它就不会了。

有人可以帮助我吗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
var symbols = ["One","Two","Three","FOur"];
var i = 0;

function doPoll() {
$.each( symbols, function( index, value ){
loadXMLDoc(value);
});
setTimeout(doPoll, 10000);

}


$(document).ready(function () {

doPoll();
});


function loadXMLDoc(value)
{
    i++;
    alert(value);
    if(i==2)
    sleep(1000);


}

function sleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
</script>
</head>
<body>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

在你的情况下,你可以简单地迭代数组的前半部分(使用正常的for循环),使用setTimeout然后迭代数组的后半部分:

function doPoll() {
   var middle = Math.round(symbols.length / 2);
   for (var i = 0, l = middle; i < l; i++) {
       loadXMLDoc(symbols[i]);
   }
   setTimeout(function() {
       for (var i = middle, l = symbols.length; i < l; i++) {
         loadXMLDoc(symbols[i]);
       }
       setTimeout(doPoll, 10000);
   }, 2000);
}

另请参阅:Best way to insert a 'pause' in a .each enumeration