Установка обратного отсчета во всплывающем HTML из фона JS - PullRequest
0 голосов
/ 13 июня 2019

Я пытаюсь отобразить обратный отсчет во всплывающем HTML-файле, за которым должен следить background.js

Я нашел код javascript, который я адаптировал под свои нужды, для запуска в фоновом режиме.скрипт.Я попытался поместить его прямо в popup.htm, но это почему-то не сработало (и также позволило бы мне попытаться передать параметры, что не является плохой идеей, поскольку я пытаюсь медленно научиться делать кодирование)

Вот JS:

var Countdowntimer = 1;
var countDownDate = new Date().getTime()+(Countdowntimer*60*1000+5);
var x = setInterval(function() {

  var now = new Date().getTime();

  var distance = countDownDate - now;
  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);
  document.getElementById("main-cd").innerHTML = hours + "h " + minutes + "m " + seconds + "s ";

  if (distance < 0) {
    clearInterval(x);
    var ongoing = document.getElementById("main-cd").innerHTML = "Refreshing...";
  }
}, 1000);

Вот HTML:

<h3 style="text-align: center;"><strong>Time before next refresh: </strong></h3>
<h1 id="main-cd"></h1>
<script src="background.js" />

Я получаю следующее сообщение об ошибке: Uncaught TypeError: Невозможно установить свойство 'innerHTML'of null at background.js: 29

Я ожидаю, что обратный отсчет будет отображаться во всплывающем окне и обновляться при изменении секунд.

Заранее спасибо за помощь!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...