为什么我的Javascript内容在网页中不可见

Question

我是javascript的新手。我试图用html，css和JS制作一些问答游戏。 在测验中我想要1分钟的计时器。我为计时器和模板编写了单独的代码。计时器工作正常。

但是当我合并时，两个代码计时器都不可见。虽然在完成1分钟后它会给出消息“时间到了”。我使用了定位属性并尝试了不同的位置，但它仍然不可见。

5.6.0

提前致谢！

Answer 1

您调用document.getElementById("timer")但HTML中尚不存在此元素。您需要在HTML中使用此元素，或通过JavaScript在文档中创建它。

尝试这样的事情：

<div id="timer">TIMER HERE</center>

和JS：

document.getElementById("timer").innerHTML = m + ":" + s;

此外 - 您不应该使用<center>，因为它已被弃用。

Answer 2

您应该使用任何浏览器（Safari，Chrome等）直接从Web Developer Console查看javascript错误。 此代码在此行失败

document.getElementById("timer").innerHTML

没有ID为“timer”的元素。

Answer 3

您在HTML中使用“whole”作为id，但在javascript中调用“timer”id。

更新脚本中的id，如下所示：

document.getElementById("timer").innerHTML

与

document.getElementById("whole").innerHTML

Answer 4

1）改变

<startup>
  <supportedRuntime version="v4.0" sku=".NETFramework,Version=v4.5"/>
</startup>

用这个：

<center id="timer">TIMER HERE</center>

2）你还需要改变这个：

<div id="timer">TIMER HERE</div>

用这个：

document.getElementById("timer").innerHTML = "<center id=timer><h1>" + m + ":" + s

3）你的CSS被窃听，改变：

document.getElementById("timer").innerHTML=m+":"+s;

与此：

#timer {
  position: absolute;
  top: 1000px;
  background-color: pink;
  color: blue;
  font-family: cursive;
  z-index: 9999;
}

现在你可以看到你的计时器......