Javascript 如果setInterval'发生冲突;她在跑步

Javascript 如果setInterval'发生冲突;她在跑步,javascript,jquery,button,slider,setinterval,Javascript,Jquery,Button,Slider,Setinterval,我没有找到编写脚本的方法:如果用户按下下一步按钮,停止自动播放,否则:继续自动播放并继续显示暂停按钮 谢谢。:) 方法如下: $(function() { var timer; function autoplay() { timer = setInterval(function() { $('#next-icon').trigger('click', true); }, 5000); }; $('#prev-icon, #

我没有找到编写脚本的方法:如果用户按下
下一步
按钮,停止
自动播放
,否则:继续
自动播放
并继续显示
暂停
按钮

谢谢。:)

方法如下:

    $(function() {
var timer;
function autoplay() {
        timer = setInterval(function() {
            $('#next-icon').trigger('click', true);
        }, 5000);
    };

$('#prev-icon, #next-icon').click(function(event, play) {
    switch (this.id) {
        case 'prev-icon':
            $('#pause-icon').hide(); $('#play-icon').show();
            clearInterval(timer);
            break;
        case 'next-icon':
            if (play) {
                    setInterval(timer);
                } else {
                    $('#pause-icon').hide(); $('#play-icon').show(); clearInterval(timer);
                }
            break;
    }
});
});

您在何处以及如何声明计时器?您在哪里以及如何调用自动播放?到底发生了什么而不是你想要的?你的HTML在哪里?这与滑块有什么关系?是否会多次调用autoplay,如果计时器已在运行,则可能需要添加保护。以下是脚本的一小部分。计时器是在上面声明的(不是我给你的东西)。按“播放图标”时会调用自动播放。那个么,若按下播放图标并运行自动播放,如何禁用clearInterval?
    $(function() {
var timer;
function autoplay() {
        timer = setInterval(function() {
            $('#next-icon').trigger('click', true);
        }, 5000);
    };

$('#prev-icon, #next-icon').click(function(event, play) {
    switch (this.id) {
        case 'prev-icon':
            $('#pause-icon').hide(); $('#play-icon').show();
            clearInterval(timer);
            break;
        case 'next-icon':
            if (play) {
                    setInterval(timer);
                } else {
                    $('#pause-icon').hide(); $('#play-icon').show(); clearInterval(timer);
                }
            break;
    }
});
});