JavaScript实现倒计时

阅读 196

2022-04-13

 实现多少秒可以直接设置

       效果图

在这里插入图片描述

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <input type="button" value="一分半钟倒计时" onclick="daojishi()" />
  <label id="time">90</label>
  <script>
   function daojishi () {
    var time = 90;
    var interval = setInterval(function  () {
     document.getElementById("time").innerHTML=time;
     time-=1;
     if(time==-1){
      clearInterval(interval)
      document.getElementById("time").innerHTML="倒计时结束"
     }
    },1000)
   }
  </script>
 </body>
</html>

精彩评论(0)

0 0 举报