如何在頁面加載后立即激活幻燈片？

Question

讓我先說一下我不了解JS的事實，所以任何幫助都會非常感激。

我有一個幻燈片切換，我想在頁面加載后3秒打開。 這是我目前用於幻燈片切換的內容：

$(function(){
  // hide/show header
  $('#close-open-top a').bind('click', function() {
    if($('header:visible').length) {
      $('img', this).attr('src', 'img/open.png');
    } else {
      $('img', this).attr('src', 'img/close.png');
    }
    $('header').slideToggle('slow');

    return false;
  });

目前它加載關閉，當我點擊箭頭時它會打開。 我想讓它在頁面加載后3秒自動打開。

Answer 1

在您的文檔中嘗試以下內容：

$('header').delay(3000).slideToggle('slow');

.delay()方法會延遲動畫隊列中的后續項目（請注意，您不能使用它來延遲非動畫方法）。

或者，如果您希望執行單擊處理程序中的所有代碼（包括設置圖像src），那么最簡單的方法是在3秒延遲后以編程方式觸發單擊，因此將以下內容添加到文檔就緒處理程序的末尾（在點擊處理程序綁定后）：

setTimeout(function() { $('#close-open-top a').trigger('click'); }, 3000);

Answer 2

嗯，我想我沒有完全得到你......但也許我可以幫助你

得到一個延遲使用setTimeout像：

setTimeout(function(){ $('header').slideToggle('slow');
},3000);

所以在函數內部可以放置要執行的代碼。 必須將第二個參數選擇為在調用函數之前等待的毫秒數。 如果你想在Pageload之后3秒自動執行此操作：

$(document).ready(function(){
    setTimeout(function(){ $('header').slideToggle('slow');
    },3000);  
});