jquery - 10秒后停止自动播放 - RoundAbout

时间:2013-12-16 17:05:47

标签: javascript jquery slideshow

我正在使用RoundAbout插件通过自动播放制作幻灯片。它工作正常,但我想在几秒钟后停止自动播放。我阅读了文档并尝试了“autoplayDuration”,但它看起来并非如此:P

那么,任何提示或提示我该怎么做? 感谢。

2 个答案:

答案 0 :(得分:0)

你在开始时使用回调。类似的东西:

function stopRoundaboutAfterAWhile() {
    setTimeout(function() {
        .roundabout("stopAutoplay");
    }, 10000);
}

.roundabout(options, stopRoundaboutAfterAWhile)

答案 1 :(得分:0)

我的解决方案是在页面准备好并与setTimeout混合时调用自动播放。

我也在随机的秒数内停止了自动播放并将div ID保存在localStorage上。

$(window).load(function() {
            $('ul').roundabout();
            $('ul').roundabout('startAutoplay');

            var tempo = Math.floor(Math.random()*(10000-5000+1))+5000;

            setTimeout(function(){
                $('ul').roundabout('stopAutoplay');
            }, tempo);

            setTimeout(function(){
                console.log($('.roundabout-in-focus').attr('id'));
                window.localStorage.setItem('vilao',$('.roundabout-in-focus').attr('id'));
            }, tempo + 1000);

    });