javascript - 循环播放 Bootstrap Popover

Question

演示:http://jsfiddle.net/0s730kxx/

我正在尝试打开 Bootstrap Popover 以在循环中自动打开，但到目前为止我只能自动播放一次。

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

像这样修改 fiddle 的 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);
});

由于您没有清除此修改后的代码片段中的间隔，因此它将按照您的预期永远运行。