setInterval 函数并不总是按预期工作

Question

试穿：float: right;_galleryMenu.galleryMenu  {  height: 30%;  float: right;}

Answer 1

您的回调是重叠的。

他们就像a，，，... a+b_aa+b

a+b有时执行为（b+a因为两个setIntervals 没有完美同步），我认为这就是给你带来麻烦的原因。

你想做的是a,,, ...bab

您可以尝试更改逻辑以使用单个setInterval，并使用变量来了解是a“回合”还是b“回合”。像这样的东西：

let nextTurn = 'a';

setInterval(()=>{

    if (nextTurn === 'a') {

        $('#baner1').fadeOut(2000);

        $('#baner2').fadeIn(2000);

        nextTurn = 'b';

    } else {

        $('#baner1').fadeIn(2000);

        $('#baner2').fadeOut(2000);

        nextTurn = 'a';

    }

},12000)