您當前位置：首頁 > web前端 > jquery > JQuery 實現的一個倒計時腳本

JQuery 實現的一個倒計時腳本

來源：程序員人生發布時間：2014-03-31 10:00:08 閱讀次數：2996次

　　網(LieHuo.Net)教程 JQuery 實現的一個倒計時腳本，讓我們先看看代碼再詳細說明：

以下為引用的內容：
<script type="text/javascript">
var SysSecond;
var InterValObj;
$(document).ready(function() {

SysSecond = parseInt($("#hdfSysRemainSecond").val()); //這里我是在服務端算好了剩余的秒數，并保存到客戶端，如果過期則返回0

InterValObj = window.setInterval(SetRemainTime, 1000); // 間隔函數，1秒執行
});

//代理
function SetRemainTime() {
if (SysSecond > 0) {
//alert(SysSecond);
SysSecond = SysSecond - 1;
var second = Math.floor(SysSecond % 60); // 計算秒
var minite = Math.floor((SysSecond / 60) % 60); //計算分
var hour = Math.floor((SysSecond / 3600) % 24); //計算小時
var day = Math.floor((SysSecond / 3600) / 24); //計算天

$("#lblRemainTime").html(day + "天" + hour + "小時" + minite + "分" + second + "秒");
$("#lblRemainTimeJs").html(day + "天" + hour + "小時" + minite + "分" + second + "秒");
} else {//剩余時間小于或等于0的時候，就停止間隔函數
window.clearInterval(InterValObj);
}
}
</script>

很實用的JS腳本，希望對大伙有點用。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 談談新手該如何做點擊網賺

下一篇 如何從 Blogger 網站刪除 Google 廣告

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

JQuery 實現的一個倒計時腳本