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;
}
});
});