具有倒计时显示的SetInterval / SetTimeout

Question

我希望将函数设置为以间隔

运行

setInterval(function, 360000);

当它被调用时，它将从Ajax / Flask加载一些信息，但不会刷新或重新加载页面。

如何在div中显示倒计时，显示下次触发功能/间隔之前的剩余时间？

Answer 1

不使用非常长的计时器（在您列出的代码中使用6分钟），而是使用更短的计时器，例如一秒计时器。每次计时器触发时更新你的div，并跟踪它被调用的次数。例如：

var secondsBetweenActions = 360;
var secondsRemaining = secondsBetweenActions;
setInterval( function() {
    updateStatus( secondsRemaining );
    secondsRemaining--;
    if( secondsRemaining <= 0 ) {
        doAction();
        secondsRemaining = secondsBetweenActions;
    }
}, 1000 );

现在你只需要实现updateStatus()，它应该使用jQuery在你的状态secondsRemaining中显示div，并且doAction()执行你需要做的任何事情。