一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery实现页面倒计时并刷新效果

时间:2022-06-25 17:05:02 编辑:袖梨 来源:一聚教程网

 

 代码如下 复制代码

varintDiff = parseInt(600);//倒计时总秒数量

    functiontimer(intDiff){

      window.setInterval(function(){

      varday=0,

        hour=0,

        minute=0,

        second=0;//时间默认值   

      if(intDiff > 0){

        day = Math.floor(intDiff / (60 * 60 * 24));

        hour = Math.floor(intDiff / (60 * 60)) - (day * 24);

        minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);

        second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);

      }else{//当时间耗尽,刷新页面

        window.location.reload();

      }

      if(minute <= 9) minute ='0'+ minute;

      if(second <= 9) second ='0'+ second;

      $(".timeShow").html('本页数据还剩下'+minute+'分'+second+'秒刷新,刷新间隔时间: 10 分钟');

      intDiff--;

      }, 1000);

    }

    $(function(){

      timer(intDiff);

    });

 

 代码如下 复制代码

热门栏目