javascript - ページが読み込まれてから 1 分後に div を読み込む

Question

ホームページに ID 通知を含む div があります。ページが初めてロードされたときに div をロードしたくないので、1 分後にロードするようにします。javascriptまたはjqueryで私がやりたいことをする方法はありますか?

Answer 1

div を実際に DOM に追加する方法がわかりませんが、setTimeout を使用して 1 分間遅延させることができます。ドキュメントから：

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

jQuery のload関数を使用する:

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

divcontents.htmlサーバー上で動的に生成できます。

Answer 4

最初の 1 分間、通知が DOM にまったくない場合は、次のコードを使用します。

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