具有倒计时显示的SetInterval / SetTimeout

提问于 2024-04-26T11:27:14+08:00

浏览次

2

我希望将函数设置为以一定间隔运行

setInterval(function, 360000);

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

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

1 回答

3
而不是使用一个很长的计时器（你列出的代码中的六分钟），使用一个更短的计时器，例如一秒计时器 . 每次定时器触发时更新你的div，并跟踪它被调用的次数 . 例如：
```
var secondsBetweenActions = 360;
var secondsRemaining = secondsBetweenActions;
setInterval( function() {
    updateStatus( secondsRemaining );
    secondsRemaining--;
    if( secondsRemaining <= 0 ) {
        doAction();
        secondsRemaining = secondsBetweenActions;
    }
}, 1000 );
```
现在你只需要实现 updateStatus() ，它应该使用jQuery在你的状态 div 中显示 secondsRemaining ，并且 doAction() 执行你需要做的任何事情 .
回复于 2024-04-26T11:27:14+08:00

相关问题