我需要創建一個顯示兩個按鈕的網頁：“開始”和“停止”。單擊“開始”時，我需要每秒顯示一個方程。例如：假設起始數字為100，那么在動畫中，網頁首先會顯示：100 + 1 = 101然后每隔一秒，它應該顯示：100 + 2 = 102;
100 + 3 = 103;
100 + 4 = 104;等等...每1秒一次。我已經能夠創建計數器動畫，但是，我對在此之后如何進展感到困惑。到目前為止，這是我的代碼<html><head> <script> var counter = 100; var counterSchedule; function startCounterAnimation(){ counterSchedule = setInterval(showCounter, 1000); } function showCounter(){ counter = counter + 1; var counterSpan = document.getElementById("counter"); counterSpan.innerHTML = counter; } function stopCounterAnimation(){ clearInterval(counterSchedule); } </script></head><body> <button onClick="startCounterAnimation()">Start Animation</button> <button onClick="stopCounterAnimation()">Stop Animation</button> <br /><br /> <span id="counter"></span></body></html>任何幫助將不勝感激！
如何在 JavaScript 中制作修改后的計數器動畫？
森林海
2023-08-24 21:02:19
