限时禁用控件
1. 主要需求
- 在页面中倒计时 5 秒之后才能点击注册按钮。效果入下图所示:
2. 代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>限时禁用控件</title>
<script src="../js/jquery-1.11.3.min.js"></script>
</head>
<body>
<input type="button" id="btnShow" value="请仔细阅读协议(5)" disabled="disabled" />
<script type="text/javascript">
$(function(){
let k =5;
let btn = $('#btnShow');
let interval = setInterval(function(){
k--;
if(k>0){
btn.val("请仔细阅读协议("+k+")");
}else{
btn.val("同意注册");
btn.prop("disabled",false);
clearInterval(interval);
}
},1000);
})
</script>
</body>
</html>
原文链接:https://qwert.blog.csdn.net/article/details/105454870