gpt4 book ai didi

javascript - 为什么 setInterval() 周期每次都变快?

转载 作者:数据小太阳 更新时间:2023-10-29 06:12:03 56 4
gpt4 key购买 nike

我正在 Javascript 上构建自定义 slider ,我希望每次用户单击 slider 的 div 时, slider 都应停止 X 秒。

我的代码是:

$(document).ready(function () {
var ciclo;
var index_slide = 1;

function startSlidercicle() {
ciclo = setInterval( function() {
// Slider code goes here
}, 3000);
}

//Here I start the slider animation
startSlidercicle();

//When the user clicks on a div called 'slide', stop the cycle and start again the animation cycle
$('.slide').on('click', function() {
clearInterval(ciclo);
setTimeout(startSlidercicle(), 3000);
});
});

但问题是每次我单击并停止 slider 时,循环开始的速度越来越快。我该如何解决?

最佳答案

代替:

clearInterval(ciclo);
setTimeout(startSlidercicle(), 3000);

或:

clearInterval(ciclo);
setTimeout(startSlidercicle, 3000);

我把代码改成了:

clearInterval(ciclo);
startSlidercicle();

现在 slider 可以正常工作了。我认为,在前两个提案中,每次我点击 div 时,都会创建一个新函数,“重叠”在现有循环上,因此,看起来 slider 加速了,但它只是一个循环重新开始其他。

关于javascript - 为什么 setInterval() 周期每次都变快?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18391551/

56 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com