首页 > 有没有简单的弹框后3秒就自动消失的方法

有没有简单的弹框后3秒就自动消失的方法

我想要弹框后3秒就自动消失,简单的用alert()怎么做?能做吗???


不能实现,请使用自定义弹框。
这个涉及到JavaScript阻塞和浏览器劫持,参考 说说alert()的那些事儿
想起以前一种跨站脚本攻击就是利用alert必须用户点击消失来进行大量的弹框,导致无法正常交互。不过这是题外话了(逃


就像楼上说的layer弹窗组件,里面有个layer.msg("Write your message.");是默认出现3秒钟然后消失的哦,下面是它的API描述链接:
layer.msg(content, options, end) - 提示框

我在源码中有了相对较大的篇幅来定制了这个msg,目的是想将其打造成露脸率最高的提示框。而事实上我的确也在大量地使用它。因为它简单,而且足够得自觉,它不仅占据很少的面积,而且默认还会3秒后自动消失所有这一切都决定了我对msg的爱。因此我赋予了她许多可能在外形方面,它坚持简陋的变化,在作用方面,他坚持零用户操作。而且它的参数也是机会自动补齐的。

/*
*tankuang(pWidth,content)是一个验证表单的弹框提示的函数
*pWidth参数表示文本的宽度
*content表示传入的文本
*/

function tankuang(pWidth,content)
    {    
        $("#msg").remove();
        var html ='<div id="msg" style="position:fixed;top:50%;width:100%;height:30px;line-height:30px;margin-top:-15px;"><p style="background:#000;opacity:0.8;width:'+ pWidth +'px;color:#fff;text-align:center;padding:10px 10px;margin:0 auto;font-size:12px;border-radius:4px;">'+ content +'</p></div>'
                $("body").append(html);
                var t=setTimeout(next,2000);
                function next()
                {
                    $("#msg").remove();
                    
                }
    }

自己用jq写的仿layer.js写的弹框。可以复制一下然后调用


http://layer.layui.com/


不能,用插件,或者自己实现。


不能。alert的消失不受代码控制。可以考虑模拟弹框


不能,alert()的行为是由操作系统和浏览器底层设置决定的,HTML&CSS&JS没有权限操作它的外观和行为,但可用其他插件,其他元素模拟一个弹框,alert()本来就是用来提示用户的,为毛你要让他自动消失?


自定义一个div作为弹出框,使用jquery的函数显示然后定时关闭,比如
$(".axc-success").show().delay(3000).fadeOut();

【热门文章】
【热门文章】