html倒计时代码+微信可用,微信页面倒计时代码(解决safari不兼容date的问题)
話不多說,請(qǐng)看下面代碼
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中出錯(cuò),原因是:
在IOS5以上版本(不包含IOS5)中的Safari瀏覽器能正確解釋出Javascript中的 new Date('2013-10-21') 的日期對(duì)象。
但是在IOS5版本里面的Safari解釋new Date('2013-10-21') 就不正確,在IOS5的Safari中返回的永遠(yuǎn)是"Invalid Date"。
后來我在網(wǎng)上查找了資料,原來是低版本的Safari解釋new Date('2013-10-21')這個(gè)對(duì)象不一樣,在IOS5中的Safari不支持這種寫法,
而它支持的寫法為new Date('2013','10','21'),這樣寫就能解決"Invalid Date"的問題,能返回一個(gè)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, "/")));
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
總結(jié)
以上是生活随笔為你收集整理的html倒计时代码+微信可用,微信页面倒计时代码(解决safari不兼容date的问题)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: ARM探索之旅 03 | 如何使用 AR
- 下一篇: UnityHDRP贴图clipping方
