Javascript 有没有办法停止自动播放引导转盘幻灯片?
我正在用引导转盘制作转盘幻灯片。我想停止自动播放幻灯片,我想做一个按钮,控制自动播放的开/关 我已经搜索过了,它建议我为carouselJavascript 有没有办法停止自动播放引导转盘幻灯片?,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
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');
}
}