Javascript 如何将自动计时器设置为内容幻灯片放映?

Javascript 如何将自动计时器设置为内容幻灯片放映?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用以下内容作为内容滑块,但不确定是否改为单击按钮播放幻灯片,但希望将其拿走,并让幻灯片加载 $(文档).ready(函数(){ var高度=300, 宽度=600, tabs=3, $tabs=$('.tab'), contentNum=1, delay=2000,//选项卡之间暂停的时间(毫秒) 定时器; $('.play')。单击(函数(){ var$t=$(本); 如果($t.hasClass('playing')){ //停止 清除超时(计时器); $t.removeClass('

我使用以下内容作为内容滑块,但不确定是否改为单击按钮播放幻灯片,但希望将其拿走,并让幻灯片加载

$(文档).ready(函数(){
var高度=300,
宽度=600,
tabs=3,
$tabs=$('.tab'),
contentNum=1,
delay=2000,//选项卡之间暂停的时间(毫秒)
定时器;
$('.play')。单击(函数(){
var$t=$(本);
如果($t.hasClass('playing')){
//停止
清除超时(计时器);
$t.removeClass('playing').html('play');
}否则{
//玩
计时器=设置间隔(函数(){
contentNum++;//更改为contentNum--;向左移动
如果(contentNum>tabs){contentNum=1;}//右循环
if(contentNum<1){contentNum=tabs;}//左循环
$tabs.eq(contentNum-1).find('a').trigger('click');
},延误);
$t.addClass('playing').html('stop');
}
});
$('.main_inner').css({
宽度:制表符*宽度
});
$('a.tab_link')。单击(函数(){
$tabs.filter('.active').removeClass('active');
$(this.parent().addClass('active');
//确保contentNum是数字而不是字符串
contentNum=parseInt($(this).attr('rel'),10);
$('.main_inner')。设置动画({
marginLeft:'-'+(宽度*contentNum-width)
}, 600);
返回false;
});
});

不太清楚你的意思

如果您不想在页面加载时自动播放,请使用“播放”按钮

$('.play').trigger('click');

如果您不想在没有播放/停止按钮的情况下自动播放,请更换

$('.play').click(function(){
  // you current play/pause button code
});
简单地说

// play
setInterval(function(){
    contentNum++; // change to contentNum--; to go left
    if (contentNum > tabs){ contentNum = 1; } // loop right
    if (contentNum < 1) { contentNum = tabs; } // loop left
    $tabs.eq(contentNum-1).find('a').trigger('click');
}, delay);
//播放
setInterval(函数(){
contentNum++;//更改为contentNum--;向左移动
如果(contentNum>tabs){contentNum=1;}//右循环
if(contentNum<1){contentNum=tabs;}//左循环
$tabs.eq(contentNum-1).find('a').trigger('click');
},延误);
// play
setInterval(function(){
    contentNum++; // change to contentNum--; to go left
    if (contentNum > tabs){ contentNum = 1; } // loop right
    if (contentNum < 1) { contentNum = tabs; } // loop left
    $tabs.eq(contentNum-1).find('a').trigger('click');
}, delay);