如何在phonegap中使用iScroll添加具有时间间隔的无限循环滑块?

时间:2012-06-20 04:42:46

标签: ios iphone cordova

在我的项目中,我使用的是iOS Phonegap,我是这个手机的新手。我想要像iScroll这样的滚动器滚动无限循环。我已经浏览了这些链接:Link1但是没有得到任何提示。 据我所知,我在顶部添加了这个javascript

function getStartTimerNext(){
var loopnext= myScroll.scrollToPage('next', 0);return false
}, 3000);}
getStartTimerNext();

它正在工作到最后一项的结尾,然后卡在那里。 请帮我解决这个问题。

2 个答案:

答案 0 :(得分:0)

Hurray ......我自己解决了这个问题.. 我在代码中添加了两个函数并一个接一个地调用它。见下面的代码:

function getStartTimerNext(){
var loopnext= myScroll.scrollToPage('next', 0);return false
}, 4000);}

function previousPageLoop(){
setInterval(function () {
myScroll.scrollToPage(0,0);
}, 12500);
}
getStartTimerNext();
previousPageLoop();

之后它正常工作.. :))

答案 1 :(得分:0)

在iscroll中解决无限循环的另一个简单方法是define函数,它包含顺序选择的页面。在最后一页获得第一页之后

function nextPage(){

        if(myScroll.currPageX == totalPages){
            myScroll.scrollToPage(0, 0);
        }else{
            myScroll.scrollToPage('next', 0);return false
        }            
    }

totalPages将是总数。页面想要滚动。 在需要3秒或4秒的时间内在setInterval中调用此函数。

setInterval(function() {  nextPage(); }, 4000);

并解决了!!!