jQuery setInterval在显示之前延迟计时器

时间:2013-06-14 12:28:00

标签: jquery setinterval

我正在尝试建立一个包含9个计时器的网站。但计时器出现在1秒后。 代码我为每个定时器使用setInterval。

$(document).ready(function(){
setInterval(function (){$('#load_time542').load('includes/tijd.php?article=ksm-1480-gold-extra');}, 1000);
setInterval(function (){$('#load_time219').load('includes/tijd.php?article=dutack-spijkertacker');}, 1000);
setInterval(function (){$('#load_time216').load('includes/tijd.php?article=buitenlamp-met-sensor');}, 1000);
setInterval(function (){$('#load_time547').load('includes/tijd.php?article=bouwmixer-mu-1600');}, 1000);
setInterval(function (){$('#load_time535').load('includes/tijd.php?article=doppenset-kwb-ratel');}, 1000);
setInterval(function (){$('#load_time533').load('includes/tijd.php?article=radiator-sanicare');}, 1000);
setInterval(function (){$('#load_time511').load('includes/tijd.php?article=werktafel-blackanddecker');}, 1000);
setInterval(function (){$('#load_time203').load('includes/tijd.php?article=betonmolen-+-kruiwagen');}, 1000);
setInterval(function (){$('#load_time529').load('includes/tijd.php?article=wandcloset-geberit');}, 1000); 
});

加载时间ID是计时器倒计时的范围。

问题是加载页面后,所有计时器显示需要1秒钟。有人可以告诉我如何解决这个问题吗?或者有关于如何提高效率的提示?

1 个答案:

答案 0 :(得分:0)

setInterval在调用时不会触发。您应该使用匿名命名函数并使用setTimeout:

(function tmp(){
    $('#load_time542').load('includes/tijd.php?article=ksm-1480-gold-extra');
    setTimeout(tmp,1000);
})();
(function tmp(){
    $('#load_time219').load('includes/tijd.php?article=dutack-spijkertacker');
    setTimeout(tmp,1000);
})();
etc...

这样就可以在您调用时执行操作。