jquery簡單倒計時實現(xiàn)方法
更新時間:2015年12月18日 12:12:34 作者:leejersey
這篇文章主要介紹了jquery簡單倒計時實現(xiàn)方法,涉及jQuery定時函數(shù)操作及日期與實現(xiàn)的運算技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jquery簡單倒計時實現(xiàn)方法。分享給大家供大家參考,具體如下:
var intDiff = parseInt(60); //倒計時總秒數(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);
}
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
$('#day_show').html(day + "天");
$('#hour_show').html('<s id="h"></s>' + hour + '時');
$('#minute_show').html('<s></s>' + minute + '分');
$('#second_show').html('<s></s>' + second + '秒');
intDiff--;
}, 1000);
}
$(function () {
timer(intDiff);
});
希望本文所述對大家jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery倒計時代碼(超簡單)
- jquery實現(xiàn)手機發(fā)送驗證碼的倒計時代碼
- jQuery實現(xiàn)發(fā)送驗證碼并60秒倒計時功能
- 利用jQuery實現(xiàn)漂亮的圓形進度條倒計時插件
- jquery 倒計時效果實現(xiàn)秒殺思路
- jQuery 點擊獲取驗證碼按鈕及倒計時功能
- jQuery 實現(xiàn)倒計時天,時,分,秒功能
- jquery實現(xiàn)可關(guān)閉的倒計時廣告特效代碼
- jQuery實現(xiàn)商品活動倒計時
- JS/jquery實現(xiàn)一個網(wǎng)頁內(nèi)同時調(diào)用多個倒計時的方法
- jQuery實現(xiàn)倒計時功能完整示例
相關(guān)文章
jQuery+CSS實現(xiàn)菜單滑動伸展收縮(仿淘寶)
淘寶網(wǎng)上的菜單滑動伸展收縮想必大家不會很陌生吧,接下來本文也使用jquery+css實現(xiàn)一個,代碼很簡潔功能很使用,感興趣的各位可以不要錯過了哈2013-03-03
jquery編寫彈出信息提示條并延時滑出動畫實現(xiàn)示例
這篇文章主要為大家介紹了jquery編寫彈出信息提示條并延時滑出動畫實現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
jQuery實現(xiàn)下拉菜單(內(nèi)容為時間)的實時更新及圖表的隨動更新的方法
這篇文章主要介紹了實現(xiàn)下拉菜單(內(nèi)容為時間)的實時更新及圖表的隨動更新的方法的相關(guān)資料,需要的朋友可以參考下2016-07-07

