Javascript 显示有时间限制的隐藏div JS not Jquery

我有下面的div隐藏在我的网站的头部

<div id="esperaMensaje" class="mensajeEspera" style="display:none;">
<p>Espere un momento...</p>
</div>

在这一刻

当用户用类“continue”单击按钮时，div出现，8秒后隐藏

---

我尝试使用jquery，这是最简单的，但它不起作用，因为我正在prestashop中设置它，而且它有点麻烦，因为它使用的是旧版本的jquery，所以我想让它与纯js一起工作。

在“单击”按钮上添加一个事件侦听器，将

设置为它的默认显示属性，然后在8秒钟后，通过

setTimeout

将其设置回

display:none

document.querySelector（“.continue”）.addEventListener（“单击”，（）=>{
const div=document.querySelector（#esperamansaje”）；
div.style.display=“”；
setTimeout（（）=>div.style.display=“none”，8000）；//8000ms=8s
});
继续按钮
在这一刻