Javascript 有没有办法停止自动播放引导转盘幻灯片?

Javascript 有没有办法停止自动播放引导转盘幻灯片?,javascript,html,jquery,css,twitter-bootstrap,Javascript,Html,Jquery,Css,Twitter Bootstrap,我正在用引导转盘制作转盘幻灯片。我想停止自动播放幻灯片,我想做一个按钮,控制自动播放的开/关 我已经搜索过了,它建议我为carouseldiv添加一个属性data interval=false,或者添加一个脚本:$('.carousel').carousel({interval:false,}) 当上述值设置为默认值时,它会停止自动播放,但当我想打开/关闭自动播放时,它不工作并保持自动播放 以下是我到目前为止的脚本: var total=$('.carousel item')。长度; var c

我正在用引导转盘制作转盘幻灯片。我想停止自动播放幻灯片,我想做一个按钮,控制自动播放的开/关

我已经搜索过了,它建议我为carousel
div
添加一个属性
data interval=false
,或者添加一个脚本:
$('.carousel').carousel({interval:false,})

当上述值设置为默认值时,它会停止自动播放,但当我想打开/关闭自动播放时,它不工作并保持自动播放

以下是我到目前为止的脚本:

var total=$('.carousel item')。长度;
var currentIndex=$('div.active').index()+1;
$('.current_slide').html(currentIndex+'/'+总计);
$('.carousel').on('slided.bs.carousel',function(){
currentIndex=$('div.active').index()+1;
var text=currentIndex+'/'+总计;
$('.current_slide').html(文本);
});
函数navAutoplay(){
if($('.if_暂停').hasClass('carousel_now')){
$('*.carousel_now').removeClass('carousel_now');
$('.if_start').addClass('carousel_now');
}
否则{
$('*.carousel_now').removeClass('carousel_now');
$('.if_暂停').addClass('carousel_now');
}
}
$(文档).ready(函数(){
if($('.if_start').hasClass('carousel_now')){
$('.carousel')。carousel({
间隔时间:7000
});
}
否则{
$('.carousel')。carousel({
间隔:假
});
}
})    
html代码:


变量总计=$('.carousel项')。长度;
var currentIndex=$('div.active').index()+1;
$('.current_slide').html(currentIndex+'/'+总计);
$('.carousel').on('slided.bs.carousel',function(){
currentIndex=$('div.active').index()+1;
var text=currentIndex+'/'+总计;
$('.current_slide').html(文本);
});
函数navAutoplay(){
if($('.if_暂停').hasClass('carousel_now')){
$('*.carousel_now').removeClass('carousel_now');
$('.if_start').addClass('carousel_now');
}
否则{
$('*.carousel_now').removeClass('carousel_now');
$('.if_暂停').addClass('carousel_now');
}
}
$(文档).ready(函数(){
if($('.if_start').hasClass('carousel_now')){
$('.carousel')。carousel({
间隔时间:7000
});
}
否则{
$('.carousel')。carousel({
间隔:假
});
}
})

您好根据文档,您应该能够使用以下方法切换carusel:

.carousel('cycle')
// to enable cycling

.carousel('pause')
// to stop cycling thru items

我认为,如果您使用options对象调用.carusel(),它会再次初始化它,并且可能不会像您预期的那样工作

您只需从引导中读取文档,这里有文档记录

下面是一个关于如何实现它的示例

函数navAutoplay(){
const isAutoPlayEnabled=$(“#切换自动播放”).text()==“暂停”;
如果(已启用自动播放){
//如果启用自动播放,则暂停转盘
$('旋转采样指示器').carousel('暂停');
$(“#切换自动播放”).text(“自动播放”);
}否则{
//如果暂停,则启用自动播放
$(“#转盘采样指示器”)。转盘({
间隔:500,//您选择的间隔
});
$(“#切换自动播放”).text('Pause');
}
}

文件
  • 暂停
    我已经试过了。旋转木马(“暂停”);和旋转木马(“循环”);切换自动播放,但它不起作用

    function navAutoplay() {
                if ($('.if_paused').hasClass('carousel_now')) {
                    $('*.carousel_now').removeClass('carousel_now');
                    $('.if_started').addClass('carousel_now');
                    $('.carousel').carousel('cycle');
                }
    
                else {    
                    $('*.carousel_now').removeClass('carousel_now');
                    $('.if_paused').addClass('carousel_now');
                    $('.carousel').carousel('pause');
                }
            }