87,990
社区成员
发帖
与我相关
我的任务
分享请指导一下如何让按钮点击一下3秒钟后文字隐藏，在这期间按钮不能再点击， 文字隐藏后，同时按钮可以点击，点击以后3秒，文字显示，在此期间按钮不能点击
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="test2.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
</head>
<body onload="out()">
<button onclick="alert('这是一个警告框！')">点我</button>
<button id="btn" >隐藏</button>
<p id="content" onclick="test()">欢迎您！</p>
</body>
</html>
js代码
function out(){
btn.onclick = function(){
document.getElementById("btn").innerHTML = "显示";
document.getElementById("show").style.display = 'none';
document.getElementById('btn').disabled = true;
btn.onclick = function(){
document.getElementById("btn").innerHTML = "隐藏";
document.getElementById("show").style.display = 'block';
document.getElementById('btn').disabled = true;
out();
}
}
}
setTimeout("test()",3000);
function test(){
let content=document.getElementById('content');
content.style.display = 'none';
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="test2.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
</head>
<body onload="out()">
<button onclick="alert('这是一个警告框！')">点我</button>
<button id="btn" >隐藏</button>
<p id="content" onclick="test()">欢迎您！</p>
</body>
</html>
js代码
function out(){
btn.onclick = function(){
document.getElementById("btn").innerHTML = "显示";
document.getElementById("show").style.display = 'none';
document.getElementById('btn').disabled = true;
btn.onclick = function(){
document.getElementById("btn").innerHTML = "隐藏";
document.getElementById("show").style.display = 'block';
document.getElementById('btn').disabled = true;
out();
}
}
}
setTimeout("test()",3000);
function test(){
let content=document.getElementById('content');
content.style.display = 'none';
}
...全文
请发表友善的回复…
发表回复
天际的海浪 2019-08-07
- 打赏
- 举报
function out(){
var btn = document.getElementById("btn");
var show = document.getElementById("show");
btn.onclick = function(){
btn.disabled = true;
setTimeout(function(){
if (btn.innerHTML == "显示") {
btn.innerHTML = "隐藏";
show.style.display = 'block';
} else {
btn.innerHTML = "显示";
show.style.display = 'none';
}
btn.disabled = false;
}, 3000);
}
}
文盲老顾 2019-08-07
- 打赏
- 举报
btn.onclick = function(){
var that = this;
that.disabled=true;
setTimeout(function(){
that.disabled=false;
},3000);
}
