用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>

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-03-09
如果你用jQuery可以很容易的实现重复的效果。

JS的话,你可以设置一个变量例如x。
初始值是x=0,每当鼠标点击按钮一次,x就加1,然后判断,当x为奇数时,div隐藏,当x为偶数时x显示。

用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能...
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\/javas...

用js怎么实现一个div显示时间2秒后就自动消失。
使用setTimeout()和hide()。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。hide(),实现隐藏这个已经显示的div。以下为使用setTimeout()设定一个函数在2秒后执行 (function () {setTimeout(function () {$("divid").hide();}, 2000);})...

用Js做了个功能,点击文字下边显示一个div,继续在点文字有收回去了...
1. 首先,建议直接写xxx.style.dispaly = "block"; 这样的命令代码;这样,无论点击多少次都一直是显示出来的了;或者是设置的宽度高度等问题,类似于这样,让它的宽高度不变;2. 通过使用一次点击事件后,来移除点击事件;let xxx = document.querySelector("...");①方法一:xxx.onclick = fu...

js点击弹出提示层2秒钟之后自动消失
这样:<script> jQuery(document).ready(function($) { ('.theme-login').click(function(){ ('.theme-popover-mask').fadeIn(100);('.theme-popover').slideDown(200);setTimeout(function() { console.log('22222222222');('.theme-popover-mask').fadeOut(100);('.theme-popover').slid...

JS控制DIV显示隐藏,第一次点击只能显示一秒钟就又隐藏了,之后点击就...
将第二个的input标签的type改为button,这样子就不会提交了。所以显示出的内容就不会消失了。当你想提交表单内容时,可以在JS里加一下代码:var formobj = document.getElementsByTagName[0]; formobj .submit();这样就提交了表单,当然,上面显示的内容又会消失了 ...

js中,点击td显示div,再点击一次隐藏,又点击显示,一次循环,怎么...
建议使用jquery插件。方法很简单。("td").click(function(){ $("div").toggle();})用原生的需要多写几行了 var td=document.querySelector("td");var div=document.querySelector("div");td.addEventListener("click",toggle,false);function toggle(){ var isShow=div.style.display; ...

js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下:2、创建一个button按钮,给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:4...

js弹出提示框1秒消失?
js点击弹出提示层2秒钟之后自动消失1、这段代码不规范,建议完善。2、实现原理:利用css3动画,通过点击按钮添加class。3、functionjsCopy(){vare=document.getElementById(content);e.select();document.execCommand(Copy);\/alert是系统警告对话框,弹出之后任何代码都将被强制暂停。所以1秒后自动关闭...

点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写
btn.onclick=function(){ if(flag){ showBox.innerHTML=div1.innerHTML;btn.value="显示div2的内容"flag=false;} else{ showBox.innerHTML=div2.innerHTML;btn.value="显示div1的内容"flag=true;} } \/\/方法二:用按钮控制div1,div2的显示隐藏 var flag=true;btn.onclick=function(){ if(...

js控制div显示隐藏实现?
01 首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。03 接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,...

相似回答