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.保你满意