需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<body>标签中，输入js代码：
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面，此时点击按钮弹出了提示框。
这个要看具体的代码实现。如果代码实现是显示/隐藏原本在HTML中的元素，那就把隐藏的元素复制一份，JS代码复制一份改改名字就可以，虽然低端，胜在实现快。
如果是动态创建，那就复杂一点了，需要修改创建的元素的标识来分别对应不同的弹窗。包括创建的元素ID，创建出的元素的关闭按钮绑定事件等等。
如果考虑第三方组件，那就很多了，layerui里的layer组件是个不错的选择。
延迟出口弹出，最简单方法就是用js里的setTimeout方法，下面是一个简单的例子：<body>
<input type="button" id="btn" value="click me" />
<div id="div" style="width:100pxheight:100pxbackground:#cccdisplay:none"
</body>
<script>
var oDiv = document.getElementById('div')
var oBtn = document.getElementById('btn')
oBtn.onclick=function(){
setTimeout(function(){
oDiv.style.display = 'block'
},1000)
}
</script>
点击btn后然div一秒后显示。
