码迷,mamicode.com
首页 > Web开发 > 详细

jquery 倒计时代码分享一例

时间:2014-06-14 23:19:42      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   http   

一个简单的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>

jquery 倒计时代码分享一例,布布扣,bubuko.com

jquery 倒计时代码分享一例

标签:style   class   blog   code   java   http   

原文地址:http://www.cnblogs.com/yes123/p/3786200.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!