javascript - 为什么我的 jquery animate() 回调会导致溢出？递归

Question

我正在使用带有 animate() jquery 函数的递归回调。 然而，页面每次从一开始就会崩溃。

var goingDown = true;

function animateChevron() {
        if (goingDown) {
            goingDown = !goingDown;
            $('#chevron').animate({'opacity': 1}, 500, animateChevron);
        }
        else {
            goingDown = !goingDown;
            $('#chevron').animate({'opacity': 0.1}, 500, animateChevron);
        }
}

$(document).ready(function(){
    animateChevron();
});

谢谢

编辑:我希望它循环运行:V形图标出现，然后消失，然后再次出现，等等。只要用户在页面上。

Answer 1

试试这个

$('#chevron').animate({'opacity': 1}, {
  duration: 500, 
  complete: animateChevron
});

你也可以做得更好

function animateChevron() {       
 $('#chevron').animate({'opacity': 1}, {
   duration: 500         
 }).animate({'opacity': 0.1}, {
  duration: 500,
  complete: animateChevron    
 });        
}