动画循环的基本语法？

Question

例如，我知道 jQuery 可以制作各种动画。我还知道，在动画的核心，必须有某种循环来执行动画。这种循环的例子是什么？

理想情况下，完整的答案应该回答以下问题：

• 可以一次为特定对象的单个属性设置动画的有效动画递归的基本语法是什么？该函数应该能够改变其目标对象和对象的属性。
• 它应该采用什么参数/参数？
• 重复循环的最佳范围是多少？以毫秒为单位？ （这应该是函数的参数/参数吗？）

请记住：

• 答案不一定是特定于语言的，但如果您使用特定语言编写，请指定是哪种语言。
• 错误处理是一个优点。 {没有什么比动画做一些奇怪的事情（比如中途停止）更令人恼火的了（就我们的目的而言）。}

谢谢！

Answer 1

通常（至少对于 jQuery）这不是在循环中完成的，而是在一系列回调中完成的。

伪javascript：

function startAnimation(element, endPosition, duration) {
    var startPosition = element.position;
    var startTime = getCurrentTime();
    function animate() {
        var timeElapsed = getCurrentTime() - startTime;
        if (timeElapsed > duration) {
            element.position = endPosition;
            stopTimer();
        } else {
            // interpolate based on time
            element.position = startPosition +
                (endPosition - startPosition) * timeElapsed / duration;
        }
    }
    startRepeatingTimerWithCallbackAndInterval(animate, 1.0 / 30.0);
}

也可以使用对象来存储起始数据而不是闭包。

这并没有完全回答问题中的所有要点，但它是一个起点。