Question

我正在尝试在弹出HTML中显示倒计时，应该由background.js监视

我找到了一个适合我的JavaScript代码，可以在后台脚本中运行。我试图将其直接放入popup.htm中，但是以某种方式没有起作用（并且还让我尝试进行参数传递，这并不是一个坏主意，因为我正试图慢慢学习如何进行编码）< / p>

这是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：无法在background.js：29上将属性'innerHTML'设置为null

我希望倒数显示在弹出窗口中，并在秒数改变时进行更新。

在此先感谢您的帮助！

从后台JS在弹出HTML中设置倒计时

0 个答案: