js代碼在控制台中運行但不是由實時服務器運行

Question

我是 js 的 biginner 編碼器。 我正在嘗試制作一個直到 100 的計數器。給定的代碼在控制台中運行良好，但實時服務器在瀏覽器中運行計數器。 ` JS

var count=1;
setInterval(()=>{
    if(count!=100)
    {
         count++;
         k.innerHTML=count  
    }
},10)

HTML

<html>
<head>
<style>
        body{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            height: 80vh;
        }
    </style>
</head>
<body>
    <p onclick="hell()">counter</p>
    <div><span id="oe">1</span>
        <i class="fa-solid fa-play"></i>
    </div>
</body>
</html>

倒計時達到 100。它在瀏覽器中完美運行。

Answer 1

嘗試這個：

 let count=0; let timer = 1; let k = null; let para = null; document.addEventListener("DOMContentLoaded", onDomContentLoaded); function onDomContentLoaded(e){ k = document.getElementById("oe"); para = document.getElementById("myParagraph"); para.addEventListener("click",hell); } function countFunction(){ if(count<100){ count++; console.log(count); k.innerHTML=count; } if(count===100){ clearInterval(timer); count = 0; } } function hell(){ if(count===0){ timer = setInterval(countFunction,10); } }

 body{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 80vh; }

 <p id="myParagraph">counter</p> <div><span id="oe">1</span> <i class="fa-solid fa-play"></i> </div>

js代碼在控制台中運行但不是由實時服務器運行

問題描述

1 個解決方案

解決方案1
0 2023-01-14 09:14:03

js代碼在控制台中運行但不是由實時服務器運行

問題描述

1 個解決方案

解決方案1 0 2023-01-14 09:14:03

解決方案1
0 2023-01-14 09:14:03