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