js点击弹出提示层2秒钟之后自动消失
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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').slideUp(200);
, 1000);
)
$('.theme-poptit .close').click(function()
$('.theme-popover-mask').fadeOut(100);
$('.theme-popover').slideUp(200);
)
)
</script>
扩展资料：
利用setTimeout()，setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
语法：
setTimeout（code,millisec）
提示和注释：
setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
参考技术A <button id="btn" onclick="func()">btn</button><script>
var layer=document.createElement("div");
layer.id="layer";
function func()
var style=
background:"#f00",
position:"absolute",
zIndex:10,
width:"200px",
height:"200px",
left:"200px",
top:"200px"
for(var i in style)
layer.style[i]=style[i];
if(document.getElementById("layer")==null)
document.body.appendChild(layer);
setTimeout("document.body.removeChild(layer)",2000)
</script>追问
你好，非常感谢你的回答，但是，要是在这个弹出层里加 该怎么加呢？
追答譬如加什么？加文字的话直接layer.innerhtml=xxx
如果加标签的话创建标签appendChild添加进去
啊~ 文字加上了，呵呵，谢谢你，太感谢了，但是就js里写的这些样式如果不满足我想要写的，比如我想加border,padding之类的，该怎么办呢？
追答var style=background:"#f00",
position:"absolute",
zIndex:10,
width:"200px",
height:"200px",
left:"200px",
top:"200px"
这个是样式表，在里面改或者添加本回答被提问者和网友采纳 参考技术B 百度搜jbox.保你满意
JS_点击事件_弹出窗口_自动消失
<!doctype html> <html> <head> <meta charset="utf-8"/> <title>电灯开关案例</title> <script> /** 练习：点击按钮，开灯或关灯 */ var flag = false;//false表示默认状态为关灯 function changeImg(){ console.log("this is show work good!"); showInfo=window.open("3.html",‘‘,‘width=200,height=100‘); } function closeit() { setTimeout("showInfo.close()", 2000) //毫秒 } </script> </head> <body> <input type="button" value="开/关灯" onclick="changeImg()" /> <br/><br/> <body onload="closeit()"> </body> </html>
以上是关于js点击弹出提示层2秒钟之后自动消失的主要内容，如果未能解决你的问题，请参考以下文章