javascript - 显示 div - 隐藏 div - 等待 15 分钟 - 重复

Question

我正在尝试编写 JavaScript，但我完全陷入困境。它应该显示一个 div 5 秒，再次隐藏它，等待 15 分钟，然后再次显示它 5 秒，再次隐藏它，再次等待，所有这些都处于无限循环中。我使用了一些随机数字，这只会改变它的动画速度。有人拿到 key 了吗？过去两天我一直在尝试全职工作。我应该提到我是 javascript 的初学者。

到目前为止的代码:

setInterval(function(){
     $("#myDiv").show(10000);
     $("#myDiv").hide(10000);
});

Answer 1

假设 myDiv 开始隐藏，这应该可以解决问题

showDiv();

function hideDiv() {
    $("#myDiv").hide();
    setTimeout(function() {
        showDiv();
    }, 900000); // wait 15 minutes and show it
}

function showDiv() {
    $("#myDiv").show();
    setTimeout(function() {
        hideDiv();
    }, 5000); // wait 5 seconds and hide it
}

我创建了一个演示，将 15 分钟替换为 5 秒，以使显示/隐藏效果可见。

DEMO