倒数计时器在Safari中不工作（Javascript已添加到Webflow）

Question

我在Webflow中设计了一个倒计时，并添加了一些javascript代码作为功能。一切正常，但Safari似乎无法识别日期格式。当我在Safari（在macOS或iOS上）中打开网站而不是数字时，显示的是“an”。

我浏览了其他类似的问题但是没有找到解决方法，代码是：

<script>
  (function() {
    var deadline = '2021-04-25 20:00:00';
  
    function pad(num, size) {
        var s = "0" + num;
        return s.substr(s.length-size);
    }
  
    function getTimeRemaining(endtime) {
      var t = Date.parse(endtime) - Date.parse(new Date()),
          seconds = Math.floor((t / 1000) % 60),
          minutes = Math.floor((t / 1000 / 60) % 60),
          hours = Math.floor((t / (1000 * 60 * 60)) % 24),
          days = Math.floor(t / (1000 * 60 * 60 * 24));
  
      return {
        'total': t,
        'days': days,
        'hours': hours,
        'minutes': minutes,
        'seconds': seconds
      };
    }
  
    function clock(id, endtime) {
      var days = document.getElementById(id + '-days')
          hours = document.getElementById(id + '-hours'),
          minutes = document.getElementById(id + '-minutes'),
          seconds = document.getElementById(id + '-seconds');
  
      var timeinterval = setInterval(function() {
        var t = getTimeRemaining(endtime);
  
        if (t.total <= 0){
          clearInterval(timeinterval);
        } else {
    days.innerHTML = pad(t.days, 2);
    hours.innerHTML = pad(t.hours, 2);
    minutes.innerHTML = pad(t.minutes, 2);
    seconds.innerHTML = pad(t.seconds, 2);
    }
      }, 1000);
    }
  
    clock('js-clock', deadline);
  })();
</script>

我真的很感谢一些正确方向的指示：）

Answer 1

向构造函数提供日期的数字组件比使用日期字符串产生跨浏览器更一致的结果。

var deadline = new Date(2021, 3, 25, 20, 0, 0, 0);
//...
function getTimeRemaining(endtime) {
      var t = endtime - new Date,
          seconds = Math.floor((t / 1000) % 60),
          minutes = Math.floor((t / 1000 / 60) % 60),
          hours = Math.floor((t / (1000 * 60 * 60)) % 24),
          days = Math.floor(t / (1000 * 60 * 60 * 24));

      return {
        'total': t,
        'days': days,
        'hours': hours,
        'minutes': minutes,
        'seconds': seconds
      };
}