顯示div - 隱藏div - 等待15分鐘 - 重複

我試圖製作一個javascript，但我完全卡住了。它應該顯示一個div 5秒鐘，再次隱藏，等待15分鐘，然後再次顯示5秒鐘，再次隱藏，再等待，所有這些都在無限循環中。我玩了一些隨機數字，這隻會改變它動作的速度有多快或多慢。任何人都有鑰匙？過去兩天我一直在嘗試全職工作。我應該提到我是一名JavaScript初學者。顯示div - 隱藏div - 等待15分鐘 - 重複

至今代碼：

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

來源

2014-12-30 Riccardo de Wit

開始通過閱讀，你試圖使用的功能的文檔：https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers.setInterval –

假設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 
}

我已經5秒創建演示更換15分鐘，讓節目的伎倆/隱藏效果可見。

DEMO

來源

2014-12-30 19:59:18

顯示div - 隱藏div - 等待15分鐘 - 重複

回答

相關問題