jQuery實(shí)現(xiàn)頁(yè)面倒計(jì)時(shí)并刷新效果
下面一段代碼給大家分享基于jquery實(shí)現(xiàn)的頁(yè)面倒計(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í)間耗盡,刷新頁(yè)面 window.location.reload(); } if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $(".timeShow").html('本頁(yè)數(shù)據(jù)還剩下<font>'+minute+'分'+second+'</font>秒刷新,刷新間隔時(shí)間: 10 分鐘'); intDiff--; }, 1000); } $(function(){ timer(intDiff); });
<span class="timeShow"></span>
以上所示是小編給大家介紹的jQuery實(shí)現(xiàn)頁(yè)面倒計(jì)時(shí)并刷新效果,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
jQuery動(dòng)畫(huà)_動(dòng)力節(jié)點(diǎn)節(jié)點(diǎn)Java學(xué)院整理
用JavaScript手動(dòng)實(shí)現(xiàn)動(dòng)畫(huà)效果,需要編寫(xiě)非常復(fù)雜的代碼。下面給分享jQuery內(nèi)置的幾種動(dòng)畫(huà)樣式,需要的朋友參考下吧2017-07-07jquery+css實(shí)現(xiàn)的紅色線(xiàn)條橫向二級(jí)菜單效果
這篇文章主要介紹了jquery+css實(shí)現(xiàn)的紅色線(xiàn)條橫向二級(jí)菜單效果,界面美觀大方,簡(jiǎn)潔實(shí)用,通過(guò)jquery遍歷及切換頁(yè)面元素實(shí)現(xiàn)這一功能,需要的朋友可以參考下2015-08-08js前臺(tái)判斷開(kāi)始時(shí)間是否小于結(jié)束時(shí)間
js前臺(tái)判斷開(kāi)始時(shí)間是否小于結(jié)束時(shí)間,結(jié)合了jquery需要的朋友可以參考下2012-02-02jQuery插件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-03jquery使用jquery.zclip插件復(fù)制對(duì)象的實(shí)例教程
這篇文章主要介紹了jquery使用jquery.zclip插件復(fù)制對(duì)象的實(shí)例教程,當(dāng)然也可以復(fù)制輸入框input、textarea等內(nèi)容,下面看代碼2013-12-12