我正在尝试将AJAX函数更新大约30秒.我有一个简单的版本,这是代码.
var refInterval = window.setInterval('update()',30000); // 30 seconds
var update = function() {
$.ajax({
type : 'POST',url : 'post.PHP',success : function(data){
$('.voters').html(data);
},});
};
但是,当这个功能被FIRST调用时,我不希望它等待30秒,我只想要调用该函数,然后等待30秒,再次调用,等待30秒,再次调用等等.有什么帮助吗？
解决方法
考虑使用setTimeout – 它更可靠. setInterval定时器可以在窗口没有焦点时进行堆叠,然后在再次获得焦点时立即运行.使用setTimeout还可以确保如果由于某种原因第一个阻塞,则不会排队多个AJAX请求.
要立即启动循环,请使用围绕该函数的IIFE(“立即调用的函数表达式”)：
(function update() {
$.ajax({
... // pass existing options
}).then(function() { // on completion,restart
setTimeout(update,30000); // function refers to itself
});
})(); // automatically invoke for first run
附：不要将字符串参数用于setInterval或setTimeout – 只需直接传递函数引用即可.
