html web前端，点击发送验证码，按钮60秒倒计时
在HTML和JavaScript的帮助下，你可以轻松地创建一个按钮，在点击后开始60秒倒计时。以下是一个简单的实现示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>验证码倒计时</title>
<script>
function startCountdown() {
var seconds = 60;
var countdownButton = document.getElementById('countdownButton');
countdownButton.disabled = true;
countdownButton.value = seconds + '秒';
var timer = setInterval(function() {
seconds -= 1;
countdownButton.value = seconds + '秒';
if (seconds <= 0) {
clearInterval(timer);
countdownButton.value = '重新发送验证码';
countdownButton.disabled = false;
}
}, 1000);
}
</script>
</head>
<body>
<input type="button" id="countdownButton" value="发送验证码" onclick="startCountdown()">
</body>
</html>在这个例子中，当按钮被点击时，startCountdown函数被触发。这个函数将按钮设置为不可点击，并开始一个60秒倒计时。每秒都会更新按钮上显示的时间，并检查是否到达0秒。当倒计时结束时，按钮将重新启用，并将文本重置为原始状态。
评论已关闭