javascript - 未捕获的类型错误 : Cannot set property 'innerText' of null - For Countdown Script

Question

我在控制台中收到 Uncaught TypeError: Cannot set property 'innerText' of null 错误消息，其中错误不断增加。它与我运行的倒计时一组特定日期的脚本有关。

我已尝试删除可消除错误的脚本。除此之外，我不确定到底哪里出了问题。除了与 target.innerText = "Expired" 行有关的事情之外。

"use strict";

timer = function timer(target, date) {
  var target = document.querySelector(target);
  var countDownDate = new Date(date).getTime();
  setInterval(function () {
    var now = new Date().getTime();
    var distance = countDownDate - now;
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor(distance % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
    var minutes = Math.floor(distance % (1000 * 60 * 60) / (1000 * 60));
    var seconds = Math.floor(distance % (1000 * 60) / 1000);
    target.innerText = days;

    if (distance < 0) {
      target.innerText = "Expired";
     }
  }, 1000);
};

timer("#timer1", "Jan 01, 2019 11:59:59");
timer("#timer2", "Jan 02, 2019 11:59:59");
timer("#timer3", "Jan 03, 2019 11:59:59");

任何和所有的帮助和建议将不胜感激。

谢谢

编辑:

这是 html 的一部分

<div class="container">
 <div class="dates-container">
  <div class="dates-wrapper">
    <p class="date"><strong>Jan 01</strong> <span class="days-remaining"><span id="timer1"></span> Days Remaining</span></p>
    <div class="divider"></div>
  </div>
  <div class="upcoming-dates">
   <p class="date"><strong>Jan 02</strong> <span class="days-rem"> . <span id="timer2"></span> Days Remaining</span></p>
   <div class="divider"></div>
  </div>               
 </div>
</div>

它适用于主index.html，我试图通过提供“timerX”的元素和ID来将倒计时添加到不同的页面 - 直到我将倒计时添加到第二页时，错误才出现。

再次感谢您的帮助，我觉得我忽略了一些简单但我不知道的事情。

Answer 1

线路

var target = document.querySelector(target);

肯定是将var target设置为null。这正是口译员告诉您的内容。

我认为它找不到#timer3。