用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能做到可以重复调用 求助
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能做到可以重复调用 求助相关的知识，希望对你有一定的参考价值。
用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能做到可以重复调用 求助设置settimeout让他消失 但是只能用一次
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div id="aaa" style="display: none;">
这是隐藏内容
</div>
<button id="but">点击显示</button>
<script type="text/javascript">
$('#but').click(function()
$("#aaa").css('display','block');
setTimeout(function()
$("#aaa").css('display','none');
,2000);
)
</script>
</body>
</html> 参考技术A 如果你用jQuery可以很容易的实现重复的效果。
JS的话，你可以设置一个变量例如x。
初始值是x=0，每当鼠标点击按钮一次，x就加1，然后判断，当x为奇数时，div隐藏，当x为偶数时x显示。
以上是关于用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能做到可以重复调用 求助的主要内容，如果未能解决你的问题，请参考以下文章
js实现点击显示一个div,点击其他任何地方div消失,如何实现
element-ui MessageBox 弹框，我只想要弹出样式，不想要点击，当做一个弹出提醒，两秒后自动关闭
element-ui MessageBox 弹框，我只想要弹出样式，不想要点击，当做一个弹出提醒，两秒后自动关闭