微信頁(yè)面倒計(jì)時(shí)代碼（解決safari不兼容date的問(wèn)題）
話不多說(shuō)，請(qǐng)看下面代碼
PC：
1.html頁(yè)面：
<div class="aTime"> <em id="t_d"></em> <em id="t_h"></em> <em id="t_m"></em> <em id="t_s"></em> </div>
2.js:
<script type="text/javascript">
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);
</script>
以上代碼在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"。
后來(lái)我在網(wǎng)上查找了資料，原來(lái)是低版本的Safari解釋new Date('2013-10-21')這個(gè)對(duì)象不一樣，在IOS5中的Safari不支持這種寫(xiě)法，
而它支持的寫(xiě)法為new Date('2013','10','21'),這樣寫(xiě)就能解決"Invalid Date"的問(wèn)題，能返回一個(gè)Javascript Date回來(lái)了。
想要IOS5中的Safari能正確解析new Date()那么必須這么寫(xiě)
new Date('2013/10/21'); 或者 var d = new Date(date);d = d.getFullYear() > 0 ? d : new Date(Date.parse(date.replace(/-/g, "/")));
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
js實(shí)現(xiàn)簡(jiǎn)單選項(xiàng)卡與自動(dòng)切換效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單選項(xiàng)卡與自動(dòng)切換效果的方法,涉及javascript操作選項(xiàng)卡與自動(dòng)切換效果的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了bootstrap輪播模板的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
layui 動(dòng)態(tài)設(shè)置checbox 選中狀態(tài)的例子
今天小編就為大家分享一篇layui 動(dòng)態(tài)設(shè)置checbox 選中狀態(tài)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
uniapp是2019年火爆的一個(gè)Dcloud開(kāi)發(fā)跨平臺(tái)前端工具,下面這篇文章主要給大家介紹了關(guān)于uniapp添加車牌組件的實(shí)現(xiàn)與使用,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
基于JS實(shí)現(xiàn)小區(qū)樓的電梯運(yùn)行程序
本文介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的小區(qū)樓電梯運(yùn)行程序,用戶可以通過(guò)點(diǎn)擊樓層來(lái)選擇目標(biāo)樓層,并模擬電梯的上下行,文章還提示了如何擴(kuò)展該程序,例如添加更多樓層、優(yōu)化移動(dòng)邏輯和添加動(dòng)畫(huà)效果,感興趣的朋友一起看看吧2025-01-01
在本篇文章里小編給大家整理的是一篇關(guān)于javaScript中indexOf用法技巧的相關(guān)文章，有需要的朋友們學(xué)習(xí)下。2019-11-11
本篇文章主要介紹了JavaScript中的五種事件處理程序方式，具有一定的參考價(jià)值，有需要的可以了解一下。2016-12-12
這篇文章主要介紹了JavaScript中的值類型詳細(xì)介紹,本文講解了Primitive、Object、JS自帶全局對(duì)象、Immutable與Mutable等內(nèi)容,需要的朋友可以參考下2014-12-12
詳解如何使用JSZip實(shí)現(xiàn)在瀏覽器中操作文件與文件夾
這篇文章主要介紹了如何使用JSZip實(shí)現(xiàn)在瀏覽器中操作文件與文件夾,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考一下2024-04-04
JavaScript 中“...” 的多種用途及代碼實(shí)例
擴(kuò)展運(yùn)算符（Spread Operator）和剩余參數(shù)（Rest Parameters）是JavaScript中的兩個(gè)非常有用的特性,實(shí)際應(yīng)用中,這些功能可以用于合并數(shù)組、復(fù)制對(duì)象屬性等操作,極大地提高了JavaScript編程的便利性和功能性,感興趣的朋友跟隨小編一起看看吧2024-09-09