Javascript SetInterval / addEventListener 不工作

Question

剛開始學習Javascript，正在嘗試各種功能。 這是我的 HTML 頁面，用於嘗試 function setInterval()：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wait!</title>
    <script>

        document.addEventListener('DOMContentLoader', () =>{
            setInterval(count, 1000);
        });

        let counter = 0;

        function count(){
            counter++;
            document.querySelector('#counter').innerHTML=String(counter);
        }

    </script>
</head>
<body>
    <h1><span id="counter">0</span> seconds have passed...</h1>
    <h3>Cherish your time...</h3>
</body>
</html>

它應該能夠顯示一個 HTML 頁面，該頁面有一個 h1 表示秒數已過，每 1000 毫秒增加 1，即 1 秒。

setInterval function 應該每 1 秒運行一次 count() function，這會更改變量counter並在#counter上顯示當前值。

然而，當我運行這個程序時，似乎什么也沒有發生。 只有一個網頁說0秒。 當我 go 到控制台（谷歌瀏覽器）時，沒有發生錯誤，當我通過輸入counter查詢counter值時，它保持在 0。此外，當我輸入counter = 4時，網頁上的文本不會改變. 因此，我認為問題出在document.addEventListener() ，盡管我不知道它是什么。 如果您能回答這個問題，我將不勝感激。

Answer 1

哦，快點。 知道了。 問題是我將'DOMContentLoaded'拼錯為'DOMContentLoader' 。

Javascript SetInterval / addEventListener 不工作

問題描述

1 個解決方案

解決方案1
0 2020-06-07 00:36:40

Javascript SetInterval / addEventListener 不工作

問題描述

1 個解決方案

解決方案1 0 2020-06-07 00:36:40

解決方案1
0 2020-06-07 00:36:40