js倒计时

    xiaoxiao2021-03-25  115

    利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用

    html:

    [html]  view plain  copy <button id="code" class="btn btn-default" onclick="getCode();">获取校验码</button>   JS:

    [javascript]  view plain  copy   <script type="text/javascript">       var i;       function getCode(){           $("#code").attr({"disabled":"disabled"});           i = self.setInterval("countdown()", 1000);       }          var int = 10       function countdown() {           document.getElementById("code").innerHTML = int + "秒后重新发送";           int--;           if(int<0){               i=window.clearInterval(i)//结束               int = 10; //重新赋值               $("#code").removeAttr("disabled").html("重新获取校验码");//将按钮可用           }       }          </script>  转自http://blog.csdn.net/itmyhome1990/article/details/45849669
    转载请注明原文地址: https://ju.6miu.com/read-13463.html

    最新回复(0)