为什么我的倒计时器不能启动和停止？

织梦狗教程前端问题

2022-01-01

Why won#39;t my countdown timer start and stop?(为什么我的倒计时器不能启动和停止？)

本文介绍了为什么我的倒计时器不能启动和停止？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我需要制作一个从5到0的简单倒计时计时器，其中包含启动和停止计数器的按钮。我唯一不知道的是我的计数器为什么不停下来。

代码如下：数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

   function clock() {
     var myTimer = setInterval(myClock, 1000);
     var c = 5;

     function myClock() {
       document.getElementById("demo").innerHTML = --c;
       if (c == 0) {
         clearInterval(myTimer);
         alert("Reached zero");
       }
     }
   }

<p id="demo">5</p>
<button onclick="clock()">Start counter</button>
<button onclick="clearInterval(myTimer)">Stop counter</button>

推荐答案

在这里，您只需要使myTimer成为全局的。我还修复了一个故障，重置计时器后，它不会显示5。

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

var myTimer;
   function clock() {
     myTimer = setInterval(myClock, 1000);
     var c = 5;

     function myClock() {
       document.getElementById("demo").innerHTML = --c;
       if (c == 0) {
         clearInterval(myTimer);
         alert("Reached zero");
       }
     }
   }

<p id="demo">5</p>
<button onclick="clock(); document.getElementById('demo').innerHTML='5';">Start counter</button>
<button onclick="clearInterval(myTimer);">Stop counter</button>

这篇关于为什么我的倒计时器不能启动和停止？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

织梦狗教程

本文标题为：为什么我的倒计时器不能启动和停止？