求js实现点击A按钮后,B按钮失效3秒钟,3秒钟后B按钮可以点击。麻烦告知详细的代码,谢谢!
2个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body >
<input type="button" id="a1" onclick="pause()" value="a1"/>
<input type="button" id="a2" value="a2"/>
<script type="text/javascript">
function pause() {
var a2 = document.getElementById('a2');
a2.setAttribute('disabled', 'false')
setTimeout(function() {
a2.removeAttribute('disabled');
}, 3000);
}
</script>
</body>
</html>
试试
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body >
<input type="button" id="a1" onclick="pause()" value="a1"/>
<input type="button" id="a2" value="a2"/>
<script type="text/javascript">
function pause() {
var a2 = document.getElementById('a2');
a2.setAttribute('disabled', 'false')
setTimeout(function() {
a2.removeAttribute('disabled');
}, 3000);
}
</script>
</body>
</html>
试试
更多追问追答
追问
这个特效对按钮有效,对type=“image”有效吗
追答
有效啊 点击图片 也能控制a2元素
展开全部
<input type="button" id="A" value="A" />
<input type="button" id="B" value="B" />
<script>
var btnA = document.getElementById('A');
var btnB = document.getElementById('B');
var timer;
btnA.onclick = function () {
if (timer) {
clearTimeout(timer);
}
btnB.disabled = true;
timer = setTimeout(function(){
btnB.disabled = false;
timer = null;
}, 3000)
}
btnB.onclick = function () {
alert('click');
}
</script>
更多追问追答
追问
如果是type=“image”有效吗?感觉不到啊
追答
有form吗?因为type="image"默认会有提交,所以要禁止默认行为。
点击B按钮的话有弹窗,失效之后是不会有弹窗的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询