sencha touch筆記——Carousel組件自動滾動實現及代碼

carousel組件可以實現走馬燈的效果。有的時候需要實現自動輪播的功能。

查看carousel組件的api，有next()函數

next( ) : Ext.carousel.CarouselCHAINABLE

Switches to the next card.

再借用setInterval函數，從而實現自動輪播的效果，實現代碼如下：

setInterval(function(){
	myCrousel = Ext.ComponentQuery.query('carousel')[0];
        myCrousel.next();
        if (myCrousel.getActiveIndex() === myCrousel.getMaxItemIndex()) {  
        	myCrousel.setActiveItem(0);  
        }  
}, 3000);

其中的if判斷語句當判斷到達走馬燈最後一張時自動切換到第一張。