在頁面加載后1分鍾加載div

Question

我在主頁上有一個帶有id通知的div。 我不希望在第一次加載頁面時加載div，我希望它在1分鍾后加載。 在javascript或jquery中有什么方法可以做我想要的嗎？

Answer 1

我不確定你想如何將你的div實際添加到DOM中，但你可以使用setTimeout來延遲一分鍾。 來自文檔 ：

Calls a function or executes a code snippet after specified delay.

所以像這樣：

function appendDiv() {
  ... append code here...
}

timeoutID = window.setTimeout(appendDiv, 60000);

Answer 2

當然:)在我的例子中我使用jQuery：

<div style="display:none" id="notifications"></div>

<script type="text/javascript">
$(document).ready(function() { 
    setTimeout(function() { 
        $.get('/notifications.php', function(result) {
            // build your notifications here
            // ...
            $('#notifications').show(); 
        }, 'json');
    }, 60000);
});
</script>

Answer 3

如果第一分鍾通知不應該在DOM中，請使用以下代碼：

$(document).ready(function(){
  setTimeout( function(){
    $("<div>")
      .html( "your notification message/markup" )
      .attr({ id : 'notification', ... })
      .appendTo( "body" /* or any other DOM element */ );
  }, 60*1000);
})

Answer 4

使用jQuery的load函數：

setTimeout(function() {
    $('#myDiv').load('divcontents.html');
}, 60 * 1000);

divcontents.html可以在服務器上動態生成。