10秒倒计时实现-优快云博客

本文链接：https://blog.youkuaiyun.com/qh19940911/article/details/89338913

10秒倒计时 //标题

<body>
<button  "start()">开始</button>    //设置一个按钮来开始计时，加一个点击事件start（）。
<button "stop()">停止计时</button>     //设置一个按钮来停止计时，加一个点击事件stop（）。
<p id="text">10</p>                                        //添加一个可以显示到页面上的数字，让其等于变化的秒数
</body>

                下面是js
 <script "text/javascript">
 var  timer=null                    timer是判断倒计时是否在进行，如果有值，则已经开始倒计时，如果为null即空值，则点击开始计时。
 点击开始
 function start(){
 var num=10；              //设置初始值10秒
 if（timer！=null）{              //timer值不为空，则倒计时正在进行，不能再次开始，禁止执行。
 return false；
 }
 timer=setInterval（function{             设置时间函数，隔一秒执行一次
num--；                                             执行函数为num值递减
text.innerHTML=num；                    将p等于num值，让它随时间变化并显示在屏幕上
if（num==0）{
alert（“停止倒计时”）
clearInterval（timer）；
timer=null；}                           当时间为零时停止运行，即清除时间函数timer，并让timer重新为null空值
}，1000）
}

function stop（）{                      设置停止函数，点击停止计时，即清除时间函数
alert（“停止倒计时”）
  clearInterval（timer）；
  timer=null；
  }