javascript - 简单的 JS 适用于除 Safari 之外的所有浏览器

Question

常见的头痛，但每个答案似乎都是独一无二的，我有一些简单的 JS 倒计时直到 12 月 15 日，这个倒计时适用于每个浏览器，除了我在 safari 上每天、每小时、每分钟得到“NaN”。

<p id="clockdiv" class="decofont ">
<span class="days"></span>
<span class="hours"></span>
<span class="minutes"></span></p>
<!--302 D | 21 H | 48 M december 15 2017 -->

var deadline = '12 15 2017';

function getTimeRemaining() {
    var t = Date.parse('12 15 2017') - Date.parse(new Date());
    var seconds = Math.floor((t / 1000) % 60);
    var minutes = Math.floor((t / 1000 / 60) % 60);
    var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
    var days = Math.floor(t / (1000 * 60 * 60 * 24));

    var time = {
        'total': t,
        'days': days,
        'hours': hours,
        'minutes': minutes,
        'seconds': seconds
    };

    var output_time = document.getElementById('clockdiv');
    output_time.innerHTML = days + ' D | ' + hours + ' H | ' + minutes + ' M';
    setTimeout(getTimeRemaining, 60000);
}


getTimeRemaining(deadline);

如果您有 JS 跨浏览器兼容性的链接(不适用于所有浏览器的常见功能)，则可获得奖励积分。是什么导致这个问题在 safari 上中断？最简单的替代方案是什么？

Answer 1

问题的根源在于您正在解析字符串并期望所有浏览器都以相同的方式解析它。日期字符串的解析几乎完全依赖于实现，ECMA-262 只需要支持一种格式(ISO 8601 扩展)。

所以在行中:

var t = Date.parse('12 15 2017') - Date.parse(new Date());

您应该使用 Date 构造函数。另外，您不应该使用 Date.parse(new Date())，而应使用 new Date 或 Date.now() 所以:

var t = new Date(2017,11,15) - new Date();

这将返回两个日期之间的毫秒差:

console.log(new Date(2017,11,15) - new Date());

另请参阅Difference between dates in JavaScript .