jquery實(shí)現(xiàn)倒計(jì)時(shí)代碼分享
更新時(shí)間:2014年06月13日 11:06:12 投稿:hebedich
最近做的項(xiàng)目,需要倒計(jì)時(shí),翻了翻資料,寫了出來,分享給大家,歡迎拍磚,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>小時(shí)<em>'+nM+'</em>分<em>'+nS+'.'+nMS+'</em>秒</span>';
$(Obj).html(str);
}
});
}, 100);
});
</script>
您可能感興趣的文章:
- JQuery仿小米手機(jī)搶購頁面倒計(jì)時(shí)效果
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)的例子
- jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼
- jquery插件jquery倒計(jì)時(shí)插件分享
- JQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕具體方法
- jquery 倒計(jì)時(shí)效果實(shí)現(xiàn)秒殺思路
- 整理8個(gè)很棒的 jQuery 倒計(jì)時(shí)插件和教程
- 基于jQuery的倒計(jì)時(shí)插件代碼
- jQuery團(tuán)購倒計(jì)時(shí)特效實(shí)現(xiàn)方法
相關(guān)文章
用jquery修復(fù)在iframe下的頁面錨點(diǎn)失效問題
iframe頁面沒有滾動(dòng)條,在父窗體中出現(xiàn)滾動(dòng)條,錨點(diǎn)標(biāo)記就會(huì)失效,用js判斷頁面是否被嵌套,用js計(jì)算iframe在父窗體位置2014-08-08快速移動(dòng)鼠標(biāo)觸發(fā)問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleav
這篇文章主要介紹了快速移動(dòng)鼠標(biāo)所觸發(fā)的問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleave),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08jQuery實(shí)現(xiàn)的事件綁定功能基本示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的事件綁定功能,結(jié)合簡單表單驗(yàn)證實(shí)例分析了jQuery事件綁定的實(shí)現(xiàn)與使用方法,需要的朋友可以參考下2017-10-10jQuery中綁定事件bind() on() live() one()的異同
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02