javascript寫的HTML,按A鍵post成功後,過了一秒B鍵才能按
时间: 2023-06-20 09:03:50 浏览: 44
你可以使用 JavaScript 中的 `setTimeout()` 函数来实现这个功能。你可以在 A 键按下并成功提交后设置一个定时器,在定时器结束后才允许 B 键按下。
下面是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Post with delay</title>
</head>
<body>
<form>
<input type="text" name="message">
<button type="button" onclick="postMessage()">Post A</button>
<button type="button" onclick="postMessage()" disabled id="btnB">Post B</button>
</form>
<script>
function postMessage() {
// Simulate a successful post
setTimeout(function() {
document.getElementById("btnB").disabled = false;
}, 1000);
}
</script>
</body>
</html>
```
这个示例代码创建了一个表单,其中有两个按钮:A 和 B。在 A 按钮被按下时,调用 `postMessage()` 函数。该函数将使用 `setTimeout()` 函数来设置一个定时器,等待 1 秒钟后再将 B 按钮的 `disabled` 属性设置为 `false`,从而允许用户点击 B 按钮。
请注意,这只是一个简单的示例。在实际应用中,你需要考虑更多的细节,例如如何处理网络请求失败的情况以及如何防止用户在等待期间重复提交。