玩自举酥料饼上环

Question

DEMO：http://jsfiddle.net/0s730kxx/

我试图打开引导酥料饼的自动开上环，但到目前为止，我有只管理到自动播放一次。

HTML：

<div class="container"> 
    <a href="#" title="Header"class="myclass p1" data-toggle="popover" data-trigger="hover" data-placement="left" data-content="Some content">Hover Left</a> | 
    <a href="#" title="Header"class="myclass p2" data-toggle="popover" data-trigger="hover" data-placement="right" class="myclass" data-content="Some content">Hover Right</a> | 
    <a href="#" title="Header" class="myclass p3" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="Some content Yo Bestie">Click Me</a> 
</div> 

JS：

$(document).ready(function(){ 
var time = 1000; 
var len = $('.myclass').length; 
var count = 0; 
var fun = setInterval(function(){ 
    count++; 
    if(count>len){ 
    clearInterval(fun); 
    } 
    $('.p'+count).popover('show'); 
    if(count>1){ 
    var pre = count-1; 
    $('.p'+pre).popover('hide'); 
    } 
}, time); 
}); 

谁能帮助？我希望它循环播放，所以它永远播放或至少播放10到20次。

Answer 1

修改的JavaScript您的小提琴这样的一部分：

$(document).ready(function(){ 
var time = 1000; 
var len = $('.myclass').length; 
var count = 0; 
var fun = setInterval(function(){ 
    count++; 
    if(count>len){ 

    $('.p'+(count-1)).popover('hide'); 
    count = 1; 
    //clearInterval(fun); 
    } 
    $('.p'+count).popover('show'); 
    if(count>1){ 
    var pre = count-1; 
    $('.p'+pre).popover('hide'); 
    } 
}, time); 
}); 

既然你不清除在该修改的摘录的时间间隔，它会永远运行为你的预期。

Answer 2

那是因为你已经添加的行

if(count>len){ 
clearInterval(fun); 
} 

显示他们1周时间计数为3和clearInterval(fun)被称为 终止进一步的呼叫功能fun()后。

Answer 3

原创评论：您无法清除间隔并期望循环继续！而不是清除将计数设置为0.但您还需要记住隐藏最后的弹出窗口。

var fun = setInterval(function(){ 
    count++; 
    $('.p' + count).popover('show'); 

    if(count > 1){ 
    $('.p' + (count - 1)).popover('hide'); 
    } 

    if(count > len){ 
    count = 0; 
    } 
}, time); 

这里是一个小提琴：http://jsfiddle.net/89gcqnfm/

Answer 4

简单和模运算是你的朋友：

$(document).ready(function(){ 
var time = 1000; 
var eles = $('.myclass'); 
var count = 0; 
var fun = setInterval(function(){ 
    if(eles.length < 1) 
     return (console.log("No elements found!")&&!1) || clearInterval(fun); 

    eles.eq(count%eles.length).popover('hide'); 
    eles.eq(++count%eles.length).popover('show'); 
}, time); 
}); 

https://jsfiddle.net/L2487dfy/