JS倒计时

来源:互联网 发布:定语从句介词提前 知乎 编辑:程序博客网 时间:2024/05/15 05:44

最近实现了一个类似于团购抢购倒计时的功能,主要代码如下:

var sem = {fresh:function(){var sh = '';//定义截止日期var endtime = "2012/12/31,23:59:59";var etime = new Date(endtime);var nowtime = new Date();//截止时间与现在时间的差值var lefttime = parseInt((etime.getTime()-nowtime.getTime())/1000);if(lefttime > 0){//剩余天数var leftday = Math.floor(lefttime/(60*60*24));//剩余小时var lefthour = Math.floor(lefttime/(60*60))%24;//剩余分var leftmin = Math.floor(lefttime/(60))%60;//剩余秒var leftsec = lefttime%60;//获取id为lefttime的元素$("#lefttime").html(leftday+"天"+lefthour+"小时"+leftmin+"分"+leftsec+"秒"+",请珍惜时间!");}else{clearInterval(sh);$("#lefttime").html("世界末日已经来了~~~");}sh = setInterval(this.fresh,1000);}};$(document).ready(function(){sem.fresh();});


两点说明:

  1. 用到了jquery;
  2. 代码只是简单地实现了一个倒计时的功能,而没有考虑地域时差等因素;


效果:

http://cwhtest.sinaapp.com/countdown.html

原创粉丝点击