计时器，3分钟停止

最新推荐文章于 2022-09-09 15:28:48 发布

weixin_33720078

最新推荐文章于 2022-09-09 15:28:48 发布

阅读量638

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/korabear/blog/1805250

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>计时器</title>
   <style>
       input {
           border:1px solid rgba(0,0,0,0.8);
           text-align: right;
           font-size: 20px;
           font-weight: bold;
       }
   </style>
</head>
<body>
       minutes: <input type="text" value="0" id="minutes"/>
       seconds: <input type="text" value="0" id="seconds"/>
   <script>
       var minutes = 0;
       var seconds = 0;
       var oMin = document.getElementById("minutes");
       var oSec = document.getElementById("seconds");
       var timer = setInterval(function(){
           seconds++;
           if (seconds == 60) {
               minutes ++;
               seconds = 0;
           }
           if (minutes == 3) {
               clearInterval(timer);
           }
           oMin.value = minutes;
           oSec.value = seconds;
       },1000);
   </script>
</body>
</html>