jQuery實(shí)現(xiàn)頁面倒計(jì)時并刷新效果
更新時間：2017年03月13日 08:53:56 作者：Winter_chen001
頁面倒計(jì)時小編在很多網(wǎng)站都有這樣的需求，今天小編給大家分享一段jq代碼實(shí)現(xiàn)頁面倒計(jì)時并刷新效果，代碼簡單易懂，非常不錯，需要的的朋友參考下
下面一段代碼給大家分享基于jquery實(shí)現(xiàn)的頁面倒計(jì)時并刷新效果，代碼如下所示：
var intDiff = parseInt(600);//倒計(jì)時總秒數(shù)量
function timer(intDiff){
window.setInterval(function(){
var day=0,
hour=0,
minute=0,
second=0;//時間默認(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)時間耗盡，刷新頁面
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實(shí)現(xiàn)頁面倒計(jì)時并刷新效果，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
jQuery動畫_動力節(jié)點(diǎn)節(jié)點(diǎn)Java學(xué)院整理
用JavaScript手動實(shí)現(xiàn)動畫效果，需要編寫非常復(fù)雜的代碼。下面給分享jQuery內(nèi)置的幾種動畫樣式，需要的朋友參考下吧2017-07-07
jquery+css實(shí)現(xiàn)的紅色線條橫向二級菜單效果
這篇文章主要介紹了jquery+css實(shí)現(xiàn)的紅色線條橫向二級菜單效果,界面美觀大方,簡潔實(shí)用,通過jquery遍歷及切換頁面元素實(shí)現(xiàn)這一功能,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽添加元素功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了jQuery自定義導(dǎo)入組件的相關(guān)資料,包括組件js，組件css及組件引用的內(nèi)容，非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-11-11
js前臺判斷開始時間是否小于結(jié)束時間,結(jié)合了jquery需要的朋友可以參考下2012-02-02
這篇文章主要介紹了jquery淡入淡出效果簡單實(shí)現(xiàn)方法,以完整實(shí)例形式分析了jQuery中fadeIn及fadeOut實(shí)現(xiàn)淡入淡出的相關(guān)技巧,需要的朋友可以參考下2016-01-01
jQuery插件FusionCharts實(shí)現(xiàn)的3D帕累托圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的3D帕累托圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts載入xml數(shù)據(jù)繪制3D帕累托圖的相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jquery使用jquery.zclip插件復(fù)制對象的實(shí)例教程
這篇文章主要介紹了jquery使用jquery.zclip插件復(fù)制對象的實(shí)例教程，當(dāng)然也可以復(fù)制輸入框input、textarea等內(nèi)容，下面看代碼2013-12-12
本文主要給大家分享的是使用jQuery實(shí)現(xiàn)html元素可拖拽的效果，十分的炫酷，代碼也相對比較簡單，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要介紹了jquery實(shí)現(xiàn)文本框的文本自動補(bǔ)全效果,大家參考使用吧2014-01-01