設置文檔準備超時，如何設置它

Question

希望這將是一個快速和簡單的問題，

我創建一個簡單的功能，但需要在網頁約3-4秒後觸發它被加載，只是不知道如何。

這裏是我的腳本

$(function() { 
    var slideout = $('#slideout'); 
    slideout.animate({ 
     right: '-200px' 
    }, 1000, function() {}); 
    $(".out").toggle(function() { 
     $(this).addClass('in'); 
     slideout.animate({ 
      right: '0px' 
     }, { 
      queue: false, 
      duration: 500 
     }); 
    }, function() { 
     $(this).removeClass('in'); 
     slideout.animate({ 
      right: '-200px' 
     }, { 
      queue: false, 
      duration: 500 
     }); 
    }); 
    $(".close").click(function() { 
     $(this).removeClass('out'); 
     slideout.animate({ 
      right: '-200px' 
     }, { 
      queue: false, 
      duration: 1000 
     }); 
     slideout.fadeOut({ 
      duration: 1000 
     }); 
    }); 
}); 

任何幫助，高度讚賞。

Answer 1

$(document).ready(function(){ 
    setTimeout(function(){ 

     //YOUR CODE 

    },4000); 
}); 

Answer 2

$(function() { 
    var doInteresting = function() { 
     var slideout = $('#slideout'); 
     slideout.animate({ 
      right: '-200px' 
     }, 1000, function() {}); 
     $(".out").toggle(function() { 
      $(this).addClass('in'); 
      slideout.animate({ 
       right: '0px' 
      }, { 
       queue: false, 
       duration: 500 
      }); 
     }, function() { 
      $(this).removeClass('in'); 
      slideout.animate({ 
       right: '-200px' 
      }, { 
       queue: false, 
       duration: 500 
      }); 
     }); 
     $(".close").click(function() { 
      $(this).removeClass('out'); 
      slideout.animate({ 
       right: '-200px' 
      }, { 
       queue: false, 
       duration: 1000 
      }); 
      slideout.fadeOut({ 
       duration: 1000 
      }); 
     }); 
    } 

    setTimeout(doInteresting, 3000); 
});