点击倒计时获取验证码

最新推荐文章于 2022-01-09 09:52:33 发布

YingMuMonkey

最新推荐文章于 2022-01-09 09:52:33 发布

阅读量182

点赞数

分类专栏：随记

本文链接：https://blog.csdn.net/YingDaoMonkey/article/details/82940981

版权

随记专栏收录该内容

100 篇文章 0 订阅

订阅专栏

html模块：

<input type="text" value="获取验证码" class="huoQu">

js模块：

$(function(){

var wait = 60;

function time(o) {

if (wait == 0) {

o.removeAttribute("disabled");

o.value = "免费获取验证码";

wait = 60;

} else {

o.setAttribute("disabled", true);

o.value = "重新发送(" + wait + ")";

wait--;

setTimeout(function () {

time(o)

},

1000)

}

}

// document.getElementById("btn").onclick = function () {

// time(this);

// }

$('#btn').on('click',function(){

time(this)

})

})

这里主要是disabled这个属性，它规定了input既不能点击也不能任何操作