回答編集履歴

1

タイマーのクリアを追記

2022/05/11 07:25

投稿

miyabi_pudding
miyabi_pudding

スコア9528

test CHANGED
@@ -1,10 +1,16 @@
1
1
  `time`変数の値を元に戻してないからです。
2
2
 
3
3
  ```javascript
4
+ // ここでタイマーを定義しないと、クリアできなくなる
5
+ let countdown = null;
4
6
  function testfunc() {
5
7
  // クリック時も、値を戻す
6
8
  time = 11;
9
+ // 処理が二重にならないよう、ボタン押下時にいったんタイマークリア
10
+ if (countdown) {
11
+ clearInterval(countdown);
12
+ }
7
- let countdown = setInterval(function() {
13
+ countdown = setInterval(function() {
8
14
  timer.textContent = '制限時間:' + --time + '秒';
9
15
  if(time <= 0){
10
16
  // カウントが終了したら、変数の値を戻す