完全加载页面后执行代码或延迟代码的执行

Question

$(document).ready(function() {
    if($('#upcomeEvent').length > 0)
        $('#upcomeEvent').insertAfter('#eventBanner');
});

  

在完全加载页面后执行代码或延迟执行代码

     

我需要在完全加载页面后执行$('#upcomeEvent').insertAfter('#eventBanner');   另一个要求是延迟执行$('#upcomeEvent').insertAfter('#eventBanner');，比如大约10秒。   感谢

Answer 1

您可以使用setTimeout()

setTimeout(function(){
    $('#upcomeEvent').insertAfter('#eventBanner');
},10000); // 10 second delay

Answer 2

请尝试以下代码：

$(document).ready(function() {
    if($('#upcomeEvent').length > 0)

    var timer = setTimeout(function(){ 
    $('#upcomeEvent').insertAfter('#eventBanner');                  
    },10000);

});