h5倒计时弹窗_H5页面倒计时代码(解决safari不兼容date的问题)

话不多说,请看下面代码

PC:

1.html页面:

2.js:

function GetRTime(){

var end = "<?php echo $info['end_date']; ?>"+" 23:59:59";

var EndTime= new Date(end);

var NowTime = new Date();

var t =EndTime.getTime() - NowTime.getTime();

var d=0;

var h=0;

var m=0;

var s=0;

if(t>=0){

d=Math.floor(t/1000/60/60/24);

h=Math.floor(t/1000/60/60%24);

m=Math.floor(t/1000/60%60);

s=Math.floor(t/1000%60);

}

document.getElementById("t_d").innerHTML = d;

document.getElementById("t_h").innerHTML = h;

document.getElementById("t_m").innerHTML = m;

document.getElementById("t_s").innerHTML = s;

}

setInterval(GetRTime,1000);

以上代码在safari中出错,原因是:

在IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。

但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS5的Safari中返回的永远是"Invalid Date"。

后来我在网上查找了资料,原来是低版本的Safari解释new Date('2013-10-21')这个对象不一样,在IOS5中的Safari不支持这种写法,

而它支持的写法为new Date('2013','10','21'),这样写就能解决"Invalid Date"的问题,能返回一个Javascript Date回来了。

想要IOS5中的Safari能正确解析new Date()那么必须这么写

new Date('2013/10/21');   或者  var d = new Date(date);d = d.getFullYear() > 0 ? d : new Date(Date.parse(date.replace(/-/g, "/")));

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值