如何为这个基于cookie的弹出窗口添加3秒延迟?

Question

此.popup-overlay-b容器设置为"display: none"在CSS中，但有一个javascript代码强迫它显示，如果没有以前的cookie会话，它应该在1天后过期。我只需要在它显示之前给它几秒钟的延迟。

这段代码没有延迟

$(document).ready(function(){
if (!Cookies.get('alert')) { 
$('.popup-overlay-b').show(); 
Cookies.set('alert', true, { expires: 1 });
}
});
</script>

这是我尝试过的，但没有成功

$(document).setTimeout(function(){
if (!Cookies.get('alert')) { 
$('.popup-overlay-b').show(); 
Cookies.set('alert', true, { expires: 1 });
}
},3000);
</script>

Answer 1

$(document).ready(() => {
setTimeout(() => {
if (!Cookies.get('alert')) {
$('.popup-overlay-b').show();
Cookies.set('alert', true, { expires: 1});
}
}, 3000);
});

Answer 2

您可以使用await sleep(<duration>);