我需要创建一个显示两个按钮的网页：“开始”和“停止”。单击“开始”时，我需要每秒显示一个方程。例如：
假设起始数字为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>
任何帮助将不胜感激！
慕森王
相关分类