jquery實現(xiàn)倒計時代碼分享
更新時間:2014年06月13日 11:06:12 投稿:hebedich
最近做的項目,需要倒計時,翻了翻資料,寫了出來,分享給大家,歡迎拍磚,jquery庫自己記得引用哈
html部分
復(fù)制代碼 代碼如下:
<span class="time_wrap" value="1397145180" style="line-height:200%;"></span>
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>小時<em>'+nM+'</em>分<em>'+nS+'.'+nMS+'</em>秒</span>';
$(Obj).html(str);
}
});
}, 100);
});
</script>
相關(guān)文章
用jquery修復(fù)在iframe下的頁面錨點失效問題
iframe頁面沒有滾動條,在父窗體中出現(xiàn)滾動條,錨點標記就會失效,用js判斷頁面是否被嵌套,用js計算iframe在父窗體位置2014-08-08快速移動鼠標觸發(fā)問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleav
這篇文章主要介紹了快速移動鼠標所觸發(fā)的問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleave),非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08jQuery中綁定事件bind() on() live() one()的異同
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02