jquery动画函数在内部是如何工作的？

下面是一些小代码

<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123"
style="position: relative; left: 10px;" />

$('#clickme').click(function() {
$('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
}, 5000, function() {
    // Animation complete.
   });
});

点击这里
$（'#clickme'）。单击（函数（）{
$（“#书”）。设置动画({
不透明度：0.25，
左：'+=50'，
高度：“切换”
}，5000，函数（）{
//动画完成。
});
});

---

从左边的代码可以清楚地看出，它正在增加，不透明度将为.25。jquery是如何做到这一点的……jquery是否在内部执行一个循环，以增加左侧并更改不透明度，直到变为.25。需要指导。多亏了

它使用定时器在设定的时间段内逐渐增加（或减少）值。它不能使用循环，因为如果是这种情况，它会在执行此操作时阻止/冻结主js线程，而您将看不到动画。通过事件，js中的所有内容都是（或应该是）异步的。

要了解动画代码的外观和工作原理，请查看源代码：

自己看看，