JS倒计时从服务器获取时间

[size=x-large]最近公司在上活动 有一个倒计时的功能需要开发
这里碰到的问题是要从服务器获取当前时间
最后解决了 记录一下 给后来人一些参考
核心js代码[/size]

sto = null;

function _$(id) {
return document.getElementById(id);
}
//start eg: 2014-12-1 12:00:00
function getSeconds(endDate, nowDate) {
var d = (new Date(endDate)).getTime() - (new Date(nowDate)).getTime();
return d > 0 ? d : 0;
}
/**
* 启动函数
* @param endDate 结束时间 格式为2015/5/5 11:11:11
* @param nowDate 当前时间 格式为2015/5/5 11:11:11
*/
function run(endDate, nowDate) {
var sec = getSeconds(endDate, nowDate)/1000;
var d = parseInt(sec/(60*60*24), 10);
var h = parseInt((sec/(60*60) - d*24), 10);
var m = parseInt(sec/60 - d*24*60 - h*60);
var s = parseInt(sec - d*24*60*60 - h*60*60 - m*60);
var timer = {
d: d,
h: h,
m: m,
s: s
};

toHTML(timer);

var sto = setInterval(function() {
timer = mulit(timer);
if(timer.d === -1) {
clearInterval(sto);
} else {
toHTML(timer);
}
},1000);
}
function mulit(tmpTimer) {
var t = tmpTimer;
var d = t.d;
var h = t.h;
var m = t.m;
var s = t.s;
if(s > 0) {
s -= 1;
}else {
m -= 1;
s = 59;
}
if(m < 0) {
h -= 1;
m = 59;
}
if(h < 0) {
d -= 1;
h = 23;
}
return {
d: d,
h: h,
m: m,
s: s
};
}
function toHTML(timer) {
var t = timer;
if(t.d === 0 && t.m === 0 && t.s === 0){
$("#gif_hm").hide();
$("#t_hm").show();
}
if(t.d < 10){
$("#t_d").html("0"+t.d.toString());
}else{
$("#t_d").html(t.d);
}
if(t.h < 10){
$("#t_h").html("0"+t.h.toString());
}else{
$("#t_h").html(t.h);
}
if(t.m < 10){
$("#t_m").html("0"+t.m.toString());
}else{
$("#t_m").html(t.m);
}
if(t.s < 10){
$("#t_s").html("0"+t.s.toString());
}else{
$("#t_s").html(t.s);
}
}

[size=x-large]代码放到github上了
[url]https://github.com/itmyhome/countdown[/url][/size]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值