我在哪裏插入setTimeout（）在上面的腳本？因爲var id =「＃dialog」;是頁面加載時顯示的div

Question

$(document).ready(function() { 


    var id = "#dialog"; 

    //Get the screen height and width 
    var maskHeight = $(document).height(); 
    var maskWidth = $(window).width(); 

    //Set heigth and width to mask to fill up the whole screen 
    $('#mask').css({'width':maskWidth,'height':maskHeight}); 

    //transition effect  
    $('#mask').fadeIn('fast'); 
    $('#mask').fadeTo('fast'); 

    //Get the window height and width 
    var winH = $(window).height(); 
    var winW = $(window).width(); 

    //Set the popup window to center 
    $(id).css('top', winH/2-$(id).height()/2); 
    $(id).css('left', winW/2-$(id).width()/2); 
    //transition effect 
    $(id).fadeIn('fast'); 

//if close button is clicked 
$('.window .close').click(function (e) { 
    //Cancel the link behavior 
    e.preventDefault(); 
    $('#mask').fadeOut(); 
    $('.window').fadeOut(); 
});  

//if mask is clicked 
$('#mask').click(function() { 
    $(this).unhide(); 
    $('.window').unhide(); 
}); 


}); 

Answer 1

爲什麼你需要setTimeout？你想達到什麼目的？如果您想獲得有用的回覆，則需要更多信息。

將您在$（document）.ready中的所有內容添加到另一個函數showDialog（）中。 然後在$（doc）.ready中加入：

var myTimeout = setTimeout（showDialog，20000）;

Answer 2

這裏有一種方法：

$(document).ready(function(){ 

    (function delayedModal(){ 
    var id = '#dialog'; 
    // ...snip... 
    var timer = setTimeout(function(){ 
     $(id).fadeIn('fast'); 
    },20000); 
    }()); 

    // ...snip... 

});