限制按钮点击次数加统计次数
限制按钮点击次数加统计次数
<body>
<button id="clickButton">点击我</button>
<p id="message"></p>
<p>点击次数: <span id="clickCount">0</span></p>
<script>
let count = 0;
let lastClickTime = 0;
const button = document.getElementById('clickButton');
const display = document.getElementById('clickCount');
const message = document.getElementById('message');
button.addEventListener('click', () => {
const currentTime = new Date().getTime();
if (currentTime - lastClickTime < 5000) { // 限制5秒内只能点击一次
message.textContent = '请等待5秒后再试';
return;
}
lastClickTime = currentTime;
count++;
display.textContent = count;
message.textContent = '';
});
</script>
</body>
页:
[1]