1

这是我正在使用的代码。

JS

const clockContainer = document.querySelector('.js-clock'),
  clockTitle = clockContainer.querySelector('h1');

  function getTime() {
    const date = new Date();
    const minutes = date.getMinutes();
    const hours = date.getHours();
    const seconds = date.getSeconds();
    clockTitle.innerText = `${hours}:${minutes}:${seconds}`;
  }

function init() {
  getTime();
}

init();
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>clock</title>
</head>
<body>
    <div class="js-clock">
        <h1>00:00</h1>
    </div>
    <script src="clock.js"></script>
</body>
</html>

它在 CodeSandbox 中不起作用，但在 vscode 中却可以，为什么？

我不知道为什么....我几乎尝试了所有方法，但是这段代码在代码框中不起作用

4

1 回答 1

0

你会注意到代码运行在堆栈溢出集成代码运行中（注意运行代码片段框）

所以，你的代码很好。视觉工作室代码显然很好。我认为问题出在代码沙箱上。

以下是我的建议。

  • 尝试一个全新的沙箱，然后再次运行代码。
  • 尝试一个新的代码沙箱网站。我个人的推荐是 codepen，因为这是我使用的经验。
  • 最后，为什么不使用代码沙箱的链接更新您的问题？我们可以自己看看，为什么它不起作用。

此外，使用代码沙箱提出票证或支持请求可能是个好主意，并告诉他们您正面临此问题。或者简单地说，链接到这个堆栈问题，这样他们就可以获得所有详细信息。

于 2020-04-25T07:33:34.060 回答