当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery实现倒计时代码分享

jquery实现倒计时代码分享

2019年03月25日  | 移动技术网IT编程  | 我要评论

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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网