淘宝60秒倒计时

最新推荐文章于 2024-10-02 05:39:15 发布

weixin_30691871

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量104

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/heboliufengjie/p/4476431.html

版权

<!DOCTYPE html>
<html>
<head>
  <title>60秒倒计时</title>
  <script type="text/javascript">
    window.onload=function(){
      var oBtn = document.getElementById('but');
      var conut = 60;
      var timer = null;
      oBtn.onclick=function(){
        timer=setInterval(function(){
          settime()
        },1000)
      }
      function settime(){
        if(conut == 0){
          oBtn.value = '免费获取验证码';
          oBtn.removeAttribute("disabled");
          clearInterval(timer);
          conut=60;
        }else{
          conut --;
          oBtn.value = conut +'后可以重发';
          oBtn.setAttribute("disabled", true); 
        }
      }
    }
  </script>
</head>
<body>
  <input type="button" value="免费获取验证码" id="but">
</body>
</html>