[英]Javascript - Set interval for each array value. setinterval, array, foreach
我试图在某个时间间隔内获得每个阵列链接。 例如:我得到第一个链接,等待30秒,下一个链接,等待30秒另一个链接等。这是我的代码:
var urls = [ 'http://mylink1','http://mylink2','http://mylink3','http://mylink4'];
setInterval(function(){
urls.forEach(function(entry){
console.log(entry);
ajaxd(entry);
console.log("merge pana aici");
});
},30000);
function ajaxd(my_url) {
$.ajax({
type : "POST",
url : my_url,
success : function(msg) {
console.log(my_url);
}
});
}
问题是,30秒后我得到了所有的链接。 不是第一个值,等待30秒,下一个值等等。
更新编辑代码以使循环重复。
(function() {
var urls = ['http://mylink1', 'http://mylink2',
'http://mylink3', 'http://mylink4'];
// Start off at the first element.
var idx = 0;
var len = urls.length;
// Do the next link
function doNext() {
var entry = urls[idx];
console.log(idx + ":" + entry);
//ajaxd(entry);
idx++;
console.log([idx, len]);
if (idx < len) {
// Don't do anything special
} else {
// Reset the counter
idx = 0;
}
setTimeout(doNext, 300); }
// And the code needs kicked off somewhere
doNext();
}());//end of function
制作一个foreach将在间隔后立即遍历数组中的所有值。
更好的解决方案是不迭代......
例如
var counter = 0;
setInterval(function(){
if(counter < url.length){
ajaxd(url[counter]);
counter++;
}else
return;
}, 30000);
在您的闭包中,您使用for循环一次请求所有项目。
你做错了尝试每隔30秒创建一个计数器。 检查此代码:
$(document).ready(function(){
var urls = [ 'http://mylink1','http://mylink2','http://mylink3','http://mylink4'],
counter = 0;
obj = {}
obj.ajaxd = function(my_url) {
$.ajax({
type : "POST",
url : my_url,
success : function(msg) {
console.log(my_url);
}
});
}
obj.leftInterval = setInterval(function(){
if(urls[counter] != undefined){
obj.ajaxd(urls[counter]);
counter++;
}else{
counter = 0;
}
},30000);
});
var urls = ['http://mylink1','http://mylink2','http://mylink3','http://mylink4'],
var request = function(index) {
$.ajax({
type : "POST",
url : urls[index],
success : function(content) {
console.log(content);
if (index + 1 < urls.length) {
setTimeout(function () {
request(index + 1);
}, 30 * 1000); // 30s
}
}
});
}
request(0);
用这个:
var urls = [ 'http://mylink1','http://mylink2','http://mylink3','http://mylink4'];
urls.reverse();
var interval = setInterval(function(){
if(urls.length == 0){
clearInterval(interval);
return;
}
var entry = urls.pop();
console.log(entry);
ajaxd(entry);
console.log("merge pana aici");
}, 30000);
请注意,这将更改您的阵列。 它将从中删除元素,直到它为空。
编辑:基于Andrei的评论,在clearInterval之后添加了一个return语句:)谢谢。
如果您仍希望使用forEach循环数组,则可以将其与setTimeout一起使用,而不是使用setInterval 。
var urls = ['http://mylink1', 'http://mylink2', 'http://mylink3', 'http://mylink4'],
interval = 2000, // = 2s
increment = 1;
urls.forEach(function(url) {
var runner = setTimeout(function() {
// Do your stuff.
console.log(url);
clearTimeout(runner);
}, interval * increment);
increment = increment + 1;
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.