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

我正在使用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();
});

谢谢

编辑：我希望它循环执行：人字形出现，然后消失，然后再次出现，等等。只要用户在页面上。

最佳答案

请尝试这个

$(document).ready(function(){
	var speed=500; //in micro seconds
	setInterval(function(){

    var opacity=$('#chevron').css('opacity')<1 ? 1 : .1;
		$('#chevron').animate({'opacity':opacity},speed);

	},speed);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="chevron">Chevron</div>