页面重新加载 jquery 倒计时

Question

我有以下代码..

<script>
    $(document).ready(function () {
        /* Refresh every minute */
        setInterval(function () { cache_clear() }, 60000);
    });
    function cache_clear() {
        window.location.reload(true);
    }
</script>

它每分钟重新加载一次页面，添加倒计时功能会很好，这样用户就可以看到下一次重新加载的时间。但我需要一些帮助。

Answer 1

您可以维护一个变量并将其递减。使用 interval 为 1000 毫秒，即 1 秒。一旦计数器为 0，调用 cache_clear

$(document).ready(function(){
   var count = 60;
   setInterval(function(){
      $('body').text("Reload in " + (count--) + "secs");
      if(count == 0) cache_clear();
   }, 1000)
});

DEMO

页面重新加载 jquery 倒计时

page reload jquery countdown

jquery

reload

countdown