Animation 动画循环的基本语法?

Animation 动画循环的基本语法?,animation,loops,pseudocode,language-agnostic,Animation,Loops,Pseudocode,Language Agnostic,例如,我知道jQuery可以制作各种各样的动画。我也知道,在动画的核心,必须有一些循环做动画。这种循环的例子是什么 完整的答案最好能回答以下问题: 一次可以为特定对象的单个属性设置动画的有效动画递归的基本语法是什么?函数应该能够改变其目标对象和对象的属性 应该接受哪些参数/参数 重复循环的好范围是什么?毫秒?(这是否应该是函数的参数/参数?) 记住: 答案不一定是特定语言的,但如果您使用特定语言写作,请指定哪种语言 错误处理是一个加号。{对于我们来说,没有什么比做一些奇怪事情的动画更令人恼

例如,我知道jQuery可以制作各种各样的动画。我也知道,在动画的核心,必须有一些循环做动画。这种循环的例子是什么

完整的答案最好能回答以下问题:

  • 一次可以为特定对象的单个属性设置动画的有效动画递归的基本语法是什么?函数应该能够改变其目标对象和对象的属性
  • 应该接受哪些参数/参数
  • 重复循环的好范围是什么?毫秒?(这是否应该是函数的参数/参数?)
记住:

  • 答案不一定是特定语言的,但如果您使用特定语言写作,请指定哪种语言
  • 错误处理是一个加号。{对于我们来说,没有什么比做一些奇怪事情的动画更令人恼火的了,比如中途停下来。}
谢谢

通常(至少对于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);
}
也可以使用对象来存储起始数据,而不是闭包

这并不能完全回答问题中的所有要点,但这是一个起点。

通常(至少对于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);
}
也可以使用对象来存储起始数据,而不是闭包


这并不能完全回答问题中的所有要点,但这是一个起点。

jQuery是开源的,我建议您查看已经可用的代码,而不是让其他人为您完成工作。@meagar-我在阅读jQuery代码时遇到困难,我不确定原因。不过,我会再试一次——对你来说。jQuery是开源的,我建议你看看已经可用的代码,而不是让别人帮你做工作。@meagar-我在阅读jQuery代码时遇到困难,我不知道为什么。不过,我会再试一次——为了你;“闭包”==未定义。中文:我不知道“闭包”是什么意思。闭包指的是函数
animate
即使在
startAnimation
返回后也能访问
startAnimation
中的局部变量。在JavaScriptUsingnamespace my.knowledge中有一些例子;“闭包”==未定义。中文:我不知道“闭包”是什么意思。闭包指的是函数
animate
即使在
startAnimation
返回后也能访问
startAnimation
中的局部变量。在javascript中有一些例子