jQuery实现商品活动倒计时

var myD=Math.floor(nMS/(1000 * 60 * 60 * 24)); //天
var myH=Math.floor(nMS/(1000*60*60)) % 24; //小时
var myM=Math.floor(nMS/(1000*60)) % 60; //分钟
var myS=Math.floor(nMS/1000) % 60; //秒
var 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秒执行一次
});

我们首先获取服务器时间，我们要将倒计时与服务器时间保持一致，这样一来每个客户端看到的倒计时是一样的，我们通过计算客户端与服务器的时间偏移量，来避免了因客户机器时间与服务器时间不一致而引起的倒计时不同步的麻烦。当然这个服务器时间需要使用服务端语言来获取，本文使用了PHP的time()函数获取的秒数，记得要乘以1000转换成毫秒数。
我们通过setInterval建立一个定时器，并且每个100毫秒执行一次setInterval里面的代码。
然后在定时器里，我们使用jQuery的each()方法，遍历页面中的列表，计算天、小时、分、秒。
因为javascript的getTime()函数获取的是毫秒数，所以计算过程中都要/1000，
我们并不想在一个页面将列表中所有的倒计时都显示出来，而需要用户将鼠标滑向列表中的图片才显示对应的倒计时，因此我们还需要加入以下辅助代码：

$(function(){
  $(".prolist li img").each(function(){
    var img = $(this);
    img.hover(function(){
      img.next().show();
    },function(){
      img.next().hide();
    });
  });
});

最终效果图：

以上就是关于倒计时的全部内容，希望对大家的学习有所帮助。