Question

我不确定这是否可以使用我当前的方法，但我想知道是否可以在页面上显示超时作为计数器。

我正在创建一个页面，以15秒的间隔显示进入数据库的数据，但是可以更改超时。

var counter = 15 * 1000

var autoRefresh = function(){
     clearInterval(interval);
     interval = setInterval(autoRefresh, counter);
     $.pjax.reload({container:"#content",async:false, timeout: 2000});
     return false;
 }

var interval = setInterval(autoRefresh, counter);

理想情况下，我需要显示一个倒数计时器，直到下一次刷新。是否有可能或者是否有其他途径可以实现这一目标？

Answer 1

唯一真正的方法是每秒运行一次间隔，显示倒计时，如果已经过了15秒，那就做你想做的事。

var counter = 15 * 1000;
var currentCycle = 0;

var autoRefresh = function(){
     currentCycle++;
     if (currentCycle >= (counter/1000)) {
         currentCycle = 0;
         $.pjax.reload({container:"#content",async:false, timeout: 2000});
     } else {
         console.log((counter/1000-currentCycle)+' seconds remaining');
     }
     return false;
 }

var interval = setInterval(autoRefresh, 1000);

Js超时显示

1 个答案: