js使用setInterval实现倒计时详解编程语言

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


html:

    <button id="code" class="btn btn-default" onclick="getCode();">获取校验码</button>  


JS:

    <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>  

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/8740.html

(0)
上一篇 2021年7月18日 22:19
下一篇 2021年7月18日 22:19

相关推荐

发表回复

登录后才能评论