Question

用js做的一个快速提示框，点击按钮后，显示固定在屏幕中央 在几秒后自动关闭，但是再次点击就更多了。

已经定义了提示框#puck的css 这个函数这样写
function showMessage(message){
var puck=document.createElement('div');
puck.innerHTML='message';
puck.id='puck';
document.body.appendChild(puck);
中间定位代码省略
setTimeout(function (){
document.body.removeChild(puck);
},3000);
}
但是没点击一次就会产生一个提示框，但是越点越多，我想实现点击一次如果发现有上次的弹出框还没消失，就先删除上次的。保持只有一个弹出框，怎么弄。

Answer 1

如果只是一个固定内容的提示框的话，可以提前写好，设定好位置，display设置为none设置不可见，当点击按钮的时候再设置display为block，然后再用定时器设定多久后再将其隐藏

追问

这也行，但是每个页面都包含这么一个隐藏的东西。感觉不好啊0.0 但我想用到的时候在创建，这样感觉会好点吧。。。如果按创建元素的方法，不知道能不能做到

追答

window.onload = function () {
var oBtn = document.getElementById('btn');
var i = 0;
oBtn.onclick = function () {
if (i == 0) {
var oDiv = document.createElement('div');
oDiv.className = "d";
document.body.appendChild(oDiv);
i++;
setTimeout(function () {
document.body.removeChild(oDiv);
i = 0;
}, 2000)
}
}
}

Answer 2

给你的DIV加个ID吧，弹出的时候先判断存在不存在