本文介绍了一种在前端实现验证码获取后60秒倒计时的方法，通过jQuery操作DOM元素，禁用按钮并更新其显示的文字来实现倒计时效果。
前端小功能utils
获取验证码60s倒计时
<body>
<input type="button" id="btn" value="获取验证码">
</body>
<script>
$("#btn").click(function() {
<input type="button" id="btn" value="获取验证码">
</body>
<script>
$("#btn").click(function() {
var time = 60;
var temp = "s后可获取";
$("#btn").attr("disabled",true);
//立马改变显示值，否则有1s延迟$("#btn").val(time-- + temp);var updateVal = setInterval(function() {
if(time > 0) {
$("#btn").val(time-- + temp);
}else {
clearInterval(updateVal);$("#btn").val("获取验证码");$("#btn").attr("disabled",false);
}
},1000);
});
</script>
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
