首页 热点专区 义务教育 高等教育 出国留学 考研考公

js点击弹出提示层2秒钟之后自动消失

发布网友

我来回答

3个回答

热心网友

这样:

 <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()。

热心网友

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

热心网友

百度搜jbox.保你满意

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com