模拟alert2秒后自动消失弹出框

我不是女神ヾ 2022-03-01 09:22 362阅读 0赞

>     //显示框信息
>     function showMsg(val,time){
>        if(!document.getElementById('parent_pop_up')){
>           var parent_pop_up = document.createElement('div');
>           parent_pop_up.id = "parent_pop_up";
>           parent_pop_up.style.cssText = "position: fixed; z-index: 9999; bottom: 5rem; width: 100%;";
>           var poo_up = document.createElement('div');
>           poo_up.id = 'poo_up';
>           poo_up.style.cssText = 'height: 1rem; margin:0 auto; text-align: center;';
>           var span = document.createElement('span');
>           span.style.cssText = 'background-color: rgba(0,0,0,0.6); padding: 0.2rem 0.35rem; letter-spacing: 1px; border-radius: 5px; color: #FFFFFF; font-size: 0.34rem; text-align: center;';
>           span.innerHTML = val;
>           poo_up.appendChild(span);
>           parent_pop_up.appendChild(poo_up);
>           document.body.appendChild(parent_pop_up);
>           if(time == null || time == ''){
>              time = 2000;
>           }
>           setTimeout(function(){hideMsg();},time);
>        }
>     }
>     //隐藏显示框
>     function hideMsg(){
>        var pop = document.getElementById('parent_pop_up');
>        pop.style.display = 'none';
>        document.body.removeChild(pop);
>     }

发表评论取消回复

表情：

评论列表（有 0 条评论，362人围观）

还没有评论，来说两句吧...

相关阅读

相关解决点击alert() 弹出框确定按钮之后页面自动刷新（使其不自动刷新）

1、我们在使用 alert() 弹出框的时候，当我们点击确定按钮之后，页面自动刷新。 ![在这里插入图片描述][1a7ffff015da4439a9d5437f700863

- 日理万妓/ 2023年10月09日 20:39/ 0 赞/ 3 阅读

相关 AdminLTE2的模态框(弹出框)

刚好一个SSM练习项目中用到了这个弹出模态框的设计来记录一下关于这个模态框找了很久很多都不能用后来自己去官网找了一段模态框代码亲测可用先上模态框代码：

待我称王封你为后i/ 2023年07月10日 15:50/ 0 赞/ 6 阅读

相关 js实现自动复制弹框自动消失功能

有个需求，下拉框选中后自动获取下拉框内的值，即自动复制功能所以会用到document.execCommand("Copy")这个功能，但是需要先执行select，才能co

末蓝、/ 2023年05月29日 02:41/ 0 赞/ 8 阅读

相关 iOS开发- 自动消失的弹出框

- (void)timerFireMethod:(NSTimer)theTimer//弹出框 { UIAlertView promptAlert

水深无声/ 2022年08月24日 05:17/ 0 赞/ 213 阅读

相关所有网站都通用的自定义弹出框alert

A.所有网站都通用的自定义弹出框.A </body> <script> var Alert = fu

╰+攻爆jí腚メ/ 2022年06月10日 06:41/ 0 赞/ 233 阅读

相关 iOS开发- 自动消失的弹出框

分享一下我老师大神的人工智能教程。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！[https://blog.csdn.net/jiangjuns

我不是女神ヾ/ 2022年03月17日 04:44/ 0 赞/ 285 阅读

相关模拟alert2秒后自动消失弹出框

> //显示框信息 > function showMsg(val,time){ > if(!document.getElementById('pa

我不是女神ヾ/ 2022年03月01日 09:22/ 0 赞/ 363 阅读

相关 layui layer弹出框alert,confim

layer.confirm('内容', { yes:function(){ layer.closeAll();//确认按钮如果不

Myth丶恋晨/ 2022年02月04日 08:45/ 0 赞/ 616 阅读

相关 bootstrap 弹出框popover 鼠标划过离开不消失或延迟消失

如果是点击显示,则需要再次点击原处,才能关闭弹窗,所以,用滑动功能可以解决,只是手机版上怕是不行. 弹窗中支持超链接 <div class="div1">

超、凢脫俗/ 2021年09月25日 15:16/ 0 赞/ 359 阅读

相关 rn 弹出框组件Alert、悬浮信息组件ToastAndroid

弹出框 Alert 用法: Alert.alert('标题内容','中心内容',[ {'按钮1名称',onPre

蔚落/ 2021年07月24日 14:33/ 0 赞/ 1483 阅读