javascript - JQuery 在哪里为 .fadeIn 和 .fadeOut() 调用 setInterval？

Question

这是一个source viewer对于 fadeIn() 但由于某种原因它没有链接到 custom()。

另外，作为第二个问题，如何概念化所有这些代码...有如此多的函数调用，我什至无法猜测当您调用 .fadeIn() 或 .fadeOut 时实际运行了多少代码()。

例如:

fadeIn() 调用 animate()，后者调用 speed()，后者调用 extend()。 .

第三个问题:这是面向对象编程吗？

谢谢。

Answer 1

它不使用setTimeout()，而是使用setInterval()，它位于custom()中，在以下位置调用animate() 方法的底部。

这是一个很好的教程:http://www.schillmania.com/content/projects/javascript-animation-1/

如教程中所述，setTimeout() 安排事件在调用 setTimeout() 函数后的一定时间内发生。问题是计划的函数需要时间来运行，因此下一个超时将在第一次超时延迟和执行代码所花费的时间之后安排。

如果你愿意:

100ms : function x called 
200ms : function x called 
300ms : function x called 
400ms : function x called

你会:

function x(){
    setTimeout( x , 100);
}
setTimeout( x , 100);

接下来会发生什么:

100ms : function x called
first calls execution time + 200ms : function x called
second calls execution time + first calls execution time + 300ms : function x called
third calls execution time + second calls execution time + first calls execution time + 400ms : function x called

所以你这样做:

function x(){

}
setInterval( x , 100);