基礎為王，打造一個自動播放的幻燈片

$(

'#nextArrow'

).bind(

'click'

,

function

(){

alert(

"Clicked!"

);

});

$(

'#nextArrow'

).trigger(

'click'

);

// 或者選擇下面的:

// $('#nextArrow').click();

核心代碼：

//autoadvance.js

$(window).load(

function

(){

//window.load 事件保證了在自動輪播事件開啟之前，讓所有的圖檔先進行了加載

var

timeOut = 

null

;

$(

'#slideshow .arrow'

).click(

function

(e,simulated){

//模拟參數被設定在了觸發的方法中

if

(!simulated){

//真正的點選事件發生。

// 取消自動輪播動畫。

clearTimeout(timeOut);

}

});

// 一個自定義名稱的自動執行函數

(

function

autoAdvance(){

//模拟下一張圖檔點選

$(

'#slideshow .next'

).trigger(

'click'

,[

true

]);

//設定延時5秒鐘

timeOut = setTimeout(autoAdvance,5000);

})();

});

​