javascript - 在页面加载时显示弹出窗口，然后定期显示和隐藏它

Question

我需要免责声明 div 在页面首次加载时出现，然后以固定的时间间隔显示和隐藏它。每三分钟显示一次将是一个很好的时间间隔。

我目前有这段代码

<script>
function popup(){

setTimeout(function(){
document.getElementById("disclaimer").style.display = "block";
},0);
}
function hidePopup(){
document.getElementById("disclaimer").style.display = "none";
}
</script>

然后我需要弹出窗口在大约 3 分钟后再次显示。

Answer 1

试试这个

//start showing popup
popup();

function popup() {

  document.getElementById("disclaimer").style.display = "block";

  console.log("wait 3 seconds then hide");

  setTimeout(hidePopup, 3000);

}

function hidePopup() {

  document.getElementById("disclaimer").style.display = "none";

  console.log("wait 3 minutes then show popup again");

  setTimeout(popup, 3 * 60 * 1000);

}

<div id='disclaimer'>Disclaimer Div</div>