jQuery實現(xiàn)頁面倒計時并刷新效果
更新時間：2017年03月13日 08:53:56 作者：Winter_chen001
頁面倒計時小編在很多網(wǎng)站都有這樣的需求，今天小編給大家分享一段jq代碼實現(xiàn)頁面倒計時并刷新效果，代碼簡單易懂，非常不錯，需要的的朋友參考下
下面一段代碼給大家分享基于jquery實現(xiàn)的頁面倒計時并刷新效果，代碼如下所示：
var intDiff = parseInt(600);//倒計時總秒數(shù)量
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('本頁數(shù)據(jù)還剩下<font>'+minute+'分'+second+'</font>秒刷新,刷新間隔時間: 10 分鐘');
intDiff--;
}, 1000);
}
$(function(){
timer(intDiff);
});
<span class="timeShow"></span>
以上所示是小編給大家介紹的jQuery實現(xiàn)頁面倒計時并刷新效果，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
jQuery插件FusionCharts繪制2D雙折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D雙折線圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts結(jié)合xml數(shù)據(jù)載入實現(xiàn)2D雙折線圖繪制的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04
jQuery模擬實現(xiàn)的select點擊選擇效果【附demo源碼下載】
這篇文章主要介紹了jQuery模擬實現(xiàn)的select點擊選擇效果,涉及jQuery響應鼠標點擊動態(tài)修改頁面元素樣式的相關操作技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-11-11
jquery實現(xiàn)加載更多"轉(zhuǎn)圈圈"效果(示例代碼)
這篇文章主要介紹了jquery實現(xiàn)加載更多"轉(zhuǎn)圈圈"效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
這篇文章主要介紹了jQuery實現(xiàn)新聞播報滾動及淡入淡出效果,結(jié)合實例形式分析了基于jQuery插件的頁面元素動態(tài)變換相關操作技巧,需要的朋友可以參考下2018-03-03
這篇文章主要為大家詳細介紹了jquery datatable服務端分頁，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
基于JQuery的拖動插件有幾個都相當好用，效果也很好，但再好，還是自己琢磨一個最好。所以，我的理念就是即使實際項目中使用別人的程序，自己也得根據(jù)自己的理解和想法寫一個出來。那么今天，就來看看我的思路是不是可以實現(xiàn)拖動排序的功能2013-10-10
這篇文章主要介紹了jQuery簡單實現(xiàn)遍歷單選框的方法,涉及jQuery針對頁面表單元素的遍歷及事件響應相關操作技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了使用veloticy-ui生成文字動畫效果及基本使用方法,需要的朋友可以參考下2018-02-02
因為我們無法通過任何方法獲取整個頁面的大小和當前加載了多少，所以想制作一個加載進度條的唯一辦法就是模擬。那要怎么模擬呢2011-12-12
這篇文章主要介紹了jquery validationEngine中使用ajax驗證不通過也提交表單問題處理,需要的朋友可以參考下2014-12-12