js 实现按钮的倒计

最新推荐文章于 2023-06-28 10:34:33 发布

非往

最新推荐文章于 2023-06-28 10:34:33 发布

阅读量98

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/qq_42112846/article/details/98312824

版权

javaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

废话不多说直接类看用法：

下面时div 和js方法：

// html:


 <div class="row" style="margin: 10px auto" >

       <div class="col-sm-2" style="float: left">
          <input id="btn" type="button" class="btn btn-sm btn-mint" onclick="savePCode(this)" value="获取验证码" />

        </div>
</div>

//js 
 function savePCode(val) {
            var countDown= 120;
            daojishi(val,countDown)
 
        
    }

 function daojishi(val,countDown) {
            console.log('daohishi');
                if (countDown == 0) {
                    val.removeAttribute("disabled");
                    $("#btn").attr("value", "获取验证码");
                    // window.clearTimeout(timeId)
                    return;
                } else {
                    val.setAttribute("disabled",true);
                    $("#btn").attr("value", "重新发送(" + countDown + ")");
                    countDown--;
                }
            var timeId = window.setTimeout(function() {
                console.log(countDown);
                daojishi(val,countDown)
            },1000);
        }

以上可以直接使用，拿走不谢；