jquery實(shí)現(xiàn)倒計(jì)時(shí)代碼分享

更新時(shí)間：2014年06月13日 11:06:12 投稿：hebedich

最近做的項(xiàng)目，需要倒計(jì)時(shí)，翻了翻資料，寫了出來(lái)，分享給大家，歡迎拍磚，jquery庫(kù)自己記得引用哈

html部分

復(fù)制代碼代碼如下:

js部分

復(fù)制代碼代碼如下:

<script type="text/javascript">    
    $(document).ready(function(){    
        setInterval(function(){         
        $(".time_wrap").each(function(){    
            var Obj = this;        
            var EndTime = new Date(parseInt($(Obj).attr('value')) * 1000);    
            var NowTime = new Date();    
            var nMS=EndTime.getTime() - NowTime.getTime();    
            var nD=Math.floor(nMS/(1000 * 60 * 60 * 24));    
            var nH=Math.floor(nMS/(1000*60*60)) % 24;    
            var nM=Math.floor(nMS/(1000*60)) % 60;    
            var nS=Math.floor(nMS/1000) % 60;    
            var nMS=Math.floor(nMS/100) % 10;    
            if(nD>= 0){         
                var str = '<span class="timer" ><em>'+nD+'</em>天<em>'+nH+'</em>小時(shí)<em>'+nM+'</em>分<em>'+nS+'.'+nMS+'</em>秒</span>';    
                $(Obj).html(str);    
            }         
            });    
        }, 100);
    }); 
</script>

您可能感興趣的文章:

相關(guān)文章

jquery 實(shí)現(xiàn)密碼框的顯示與隱藏示例代碼
密碼框的顯示隱藏有多種實(shí)現(xiàn)方法，在將為大家介紹下如何使用jquery實(shí)現(xiàn)，感興趣的朋友可以參考下
2013-09-09
jquery下動(dòng)態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問(wèn)題的解決方法
jquery下動(dòng)態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問(wèn)題的解決方法，使用jqgrid的朋友可以參考下。
2010-10-10
Jquery 獲取checkbox的checked問(wèn)題
這個(gè)郁悶了，今天寫這個(gè)功能的時(shí)候發(fā)現(xiàn)了問(wèn)題，上網(wǎng)找了好多資料對(duì)照，更加糾結(jié)
2011-11-11
jquery用data方法獲取某個(gè)元素上的事件
如何獲取某個(gè)元素上的事件,jquery的給元素綁定的事件可以用data方法取出來(lái)，下面有個(gè)示例，大家可以參考下
2014-06-06
jquery ajax請(qǐng)求實(shí)例深入解析
jquery中封裝了一些ajax請(qǐng)求的方法，很實(shí)用,本文將以此引入一個(gè)實(shí)例，對(duì)jquery中ajax請(qǐng)求的方法進(jìn)行詳細(xì)介紹，需要了解更多的朋友可以參考下
2012-11-11
jQeury淡入淡出需要注意的問(wèn)題
寫了好多篇的學(xué)習(xí)筆記。也該動(dòng)手練練，咱不能總是紙上談兵。最近做了其他的一些練習(xí)，也是有涉及圖片淡入淡出的，使用的是animate。
2010-09-09
DropDownList實(shí)現(xiàn)可輸入可選擇（兩種版本可選）
本篇文章主要介紹了DropDownList實(shí)現(xiàn)可輸入可選擇的具體實(shí)現(xiàn)代碼，并附上兩種版本（js版本和jquery版本），可供大家選擇。有需要的朋友可以參考下
2016-12-12
IDEA配置jQuery, $符號(hào)不再顯示黃色波浪線的問(wèn)題
這篇文章主要介紹了IDEA配置jQuery, $符號(hào)不再顯示黃色波浪線的問(wèn)題，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-10-10
jQuery 1.7.2中g(shù)etAll方法的疑惑分析
2012-05-05
ajax頁(yè)面無(wú)刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問(wèn)題
在做ajax頁(yè)面無(wú)刷新添加的時(shí)候，IE下遭遇Ajax緩存，因?yàn)閯傞_始并不知道IE有這個(gè)壞毛病，折騰好久，終于解決問(wèn)題,曬出來(lái)和大家分享，希望可以幫助你們
2012-12-12