0
点赞
收藏
分享

微信扫一扫

JavaScript实现倒计时

冶炼厂小练 2022-04-13 阅读 196

 实现多少秒可以直接设置

       效果图

在这里插入图片描述

<!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 条评论