jquery實現(xiàn)倒計時代碼分享
更新時間：2014年06月13日 11:06:12 投稿：hebedich
最近做的項目，需要倒計時，翻了翻資料，寫了出來，分享給大家，歡迎拍磚，jquery庫自己記得引用哈
html部分
復制代碼 代碼如下:
<span class="time_wrap" value="1397145180" style="line-height:200%;"></span>
js部分
復制代碼 代碼如下:
<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>小時<em>'+nM+'</em>分<em>'+nS+'.'+nMS+'</em>秒</span>';
$(Obj).html(str);
}
});
}, 100);
});
</script>
相關文章
密碼框的顯示隱藏有多種實現(xiàn)方法，在將為大家介紹下如何使用jquery實現(xiàn)，感興趣的朋友可以參考下2013-09-09
jquery下動態(tài)顯示jqGrid以及jqGrid的屬性設置容易出現(xiàn)問題的解決方法
jquery下動態(tài)顯示jqGrid以及jqGrid的屬性設置容易出現(xiàn)問題的解決方法，使用jqgrid的朋友可以參考下。2010-10-10
這個郁悶了，今天寫這個功能的時候發(fā)現(xiàn)了問題，上網(wǎng)找了好多資料對照，更加糾結(jié)2011-11-11
如何獲取某個元素上的事件,jquery的給元素綁定的事件可以用data方法取出來，下面有個示例，大家可以參考下2014-06-06
jquery中封裝了一些ajax請求的方法，很實用,本文將以此引入一個實例，對jquery中ajax請求的方法進行詳細介紹，需要了解更多的朋友可以參考下2012-11-11
寫了好多篇的學習筆記。也該動手練練，咱不能總是紙上談兵。最近做了其他的一些練習，也是有涉及圖片淡入淡出的，使用的是animate。2010-09-09
DropDownList實現(xiàn)可輸入可選擇（兩種版本可選）
本篇文章主要介紹了DropDownList實現(xiàn)可輸入可選擇的具體實現(xiàn)代碼，并附上兩種版本（js版本和jquery版本），可供大家選擇。有需要的朋友可以參考下2016-12-12
這篇文章主要介紹了IDEA配置jQuery, $符號不再顯示黃色波浪線的問題，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-10-10
2012-05-05
ajax頁面無刷新 IE下遭遇Ajax緩存導致數(shù)據(jù)不更新的問題
在做ajax頁面無刷新添加的時候，IE下遭遇Ajax緩存，因為剛開始并不知道IE有這個壞毛病，折騰好久，終于解決問題,曬出來和大家分享，希望可以幫助你們2012-12-12