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

时间:2014-12-30 19:54:46

标签: javascript jquery html hide show

我试图制作一个javascript,但我完全陷入困境。它应该显示一个div为5秒,再次隐藏它,等待15分钟,然后再显示5秒钟,再次隐藏它,再次等待所有这一切在无限循环中。我玩了一些随机数字,这只会改变动画的速度或速度。谁有钥匙?过去两天我一直在尝试全职工作。我应该提一下我是javascript的初学者。

到目前为止的代码:

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

1 个答案:

答案 0 :(得分: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