弹出提示窗口JS怎么设置弹出一次,假设多弹出也要把前者取消,让后者弹出一次?
巴扎黑
巴扎黑 2016-11-08 16:07:39
[JavaScript讨论组]

4082202272-58203def0adb4_articlex.jpg

这个问题可以看到有两次叠加的现象,弹出提示窗口JS怎么设置弹出一次,假设多弹出也要把前者取消,让后者弹出一次?

function prompt(text,bgcolor) {    var sbid = document.getElementsByTagName("body")[0];    var newDiv = document.createElement("div");
    newDiv.className="dialog";
    newDiv.className +=" "+bgcolor;
    newDiv.innerHTML += "<p>"+text+"</p>";
    sbid.appendChild(newDiv);
    setTimeout(function(){
        sbid.removeChild(newDiv);
    },4000);
}


巴扎黑
巴扎黑

全部回复(1)
面对疾风吧

每次弹出的时候都清空一下。然后再渲染

var newDiv;function prompt(text,bgcolor) {    if(newDiv == null){        var sbid = document.getElementsByTagName("body")[0];
        newDiv = document.createElement("div");
        newDiv.className="dialog";
        newDiv.className +=" "+bgcolor;
        newDiv.innerHTML += "

"+text+"

";         sbid.appendChild(newDiv);         setTimeout(function(){             newDiv.parentNode.removeChild(newDiv);             newDiv = null;         },4000);     }else{         newDiv.parentNode.removeChild(newDiv);         newDiv = null;         prompt(text,bgcolor);     } }


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号