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

js活动倒计时

时间:2016-03-11 20:25:12      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

html代码:

<div class="endtime" value="1354365003"></div>
<div class="endtime" value="1350748800"></div>
<div class="endtime" value="1346487780"></div>
<div class="endtime" value="1367380800"></div>

js代码:

var serverTime = 1000; //服务器时间,毫秒数 
$(function(){ 
    var dateTime = new Date(); 
    var difference = dateTime.getTime() - serverTime; //客户端与服务器时间偏移量 

    setInterval(function(){
        $(".endtime").each(function(){
            var obj = $(this);
                endTime = new Date(parseInt(obj.attr(value)) * 1000),
                nowTime = new Date();
                nMS=endTime.getTime() - nowTime.getTime() + difference,
                myD=Math.floor(nMS/(1000 * 60 * 60 * 24)); //
                myH=Math.floor(nMS/(1000 * 60 * 60)) % 24, //小时
                myM=Math.floor(nMS/(1000 * 60)) % 60, //分钟
                myS=Math.floor(nMS/1000) % 60, //
                myMS=Math.floor(nMS/100) % 10; //拆分秒
            if(myD>= 0){ 
                var str = myD+""+myH+"小时"+myM+""+myS+"."+myMS+"";
            }else{
                var str = "已结束!";
            }
            obj.html(str);
        });
    }, 100); //每0.1秒执行一次
});

 

js活动倒计时

标签:

原文地址:http://www.cnblogs.com/naokr/p/5266833.html

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