下面一段代碼給大家分享基于jquery實現的頁面倒計時并刷新效果,代碼如下所示:
var intDiff = parseInt(600);//倒計時總秒數量 function timer(intDiff){ window.setInterval(function(){ var day=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('本頁數據還剩下<font>'+minute+'分'+second+'</font>秒刷新,刷新間隔時間: 10 分鐘'); intDiff--; }, 1000); } $(function(){ timer(intDiff); });
<span class="timeShow"></span>
以上所示是小編給大家介紹的jQuery實現頁面倒計時并刷新效果,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
新聞熱點
疑難解答