最近实现了一个类似于团购抢购倒计时的功能,主要代码如下:
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();
});
两点说明:
- 用到了jquery;
- 代码只是简单地实现了一个倒计时的功能,而没有考虑地域时差等因素;
效果: