按下鼠标后，Javascript使Div出现2秒钟

我一直在创建一个隐藏的彩色块时遇到问题，然后在鼠标按下后出现（没有特定位置，页面上的任何位置），然后在那里停留2秒钟，然后再次消失。。。直到再次按下鼠标，整个事情再次发生。一直在尝试“.click（function）”和其他功能，但无法使其正常工作

目前我有一个像这样的DIV层

HTML:

我对JavaScript非常陌生，所以任何建议都会很有帮助。

< P> > jQuery（文档）的诀窍是，它会考虑点击整个文档而不考虑页面上的特定位置。

jQuery（文档）。单击（函数（事件）{
var$div=$（“.overlay”）；
if（$div.is（“：visible”）{return；}
$div.show（）；
setTimeout（函数（）{
$div.hide（）；
}, 2000);
})；

---

您可以使用jQuery中的

setTimeout

来完成

$（“#目标”）。在（“单击”，函数（）{
$（“#messageBox”）.hide（）.slideDown（）；
setTimeout（函数（）{
$（“#messageBox”）.hide（）；
}, 2000);
})；

#消息框{
显示：内联块；
浮动：对；
边框：1px实心#060；
背景：#FFC；
填充：10px 20px；
箱形阴影：2×2×4×666；
颜色：#060；
字体大小：粗体；
显示：无；
}

你好。

@Elysium Design请尝试此代码。如果需要改进，请告诉我您想要什么。

<div class="overlay"></div>

.overlay {
position: absolute; 
z-index: 1000;
right: 240px;
top: 500px;
width: 1000px;
height: 100px;
background: rgba(255, 255, 200, 100);
}