欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery实现倒计时代码分享

程序员文章站 2022-06-19 21:59:49
html部分   . 代码如下:

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>