【要求】:点击 button 按钮后,时间逐秒减少,期间按钮不可点击,直到减少至0后,恢复原值和可点击状态。
【实现】:
<html>
<head>
</head>
<body>
<button onclick="myFun()">60</button>
<script>
var $btn = $('#btn'),
wait = 4;
function myFun() {
$btn.attr('disabled', true);
var t = setInterval(function() {
if (wait == 0) {
$btn.attr('disabled', false);
wait = 4;
clearInterval(t);
} else {
wait--;
}
$btn.html(wait);
}, 1000);
}
</script>
</body>
</html>