Question

我在主页上有一个带有ID通知的div。我不希望在第一次加载页面时加载div，我希望它在1分钟后加载。在javascript或jquery中有什么方法可以做我想要的吗？

Answer 1

我不确定你想如何将你的div实际添加到DOM中，但你可以使用setTimeout来延迟一分钟。来自the docs：

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可以在服务器上动态生成。

在页面加载后1分钟加载div

4 个答案: