JavaScript Velocity不要等到动画完成

Question

我正在将JavaScript与VelocityJS库一起使用，以在屏幕上为指针设置动画。 问题是，我得到的输入是指针必须旋转多少度才能处理多少度。

我现在拥有的代码是：

function changePointer(msg){
    kmh = parseInt(msg.payloadString);
    degreesToTurnTo = Math.round(kmh * stapgrote);
    $("#pointer").velocity({
        rotateZ: degreesToTurnTo+"deg"
    });
    console.log(degreesToTurnTo);
}

该函数每秒被调用5次，但是1个动画已经花费了大约半秒。

所以我的问题是，我该如何制作一个if语句来检查先前的动画是否准备就绪（以便一旦完成，就可以再次对其进行更新）。 或者如何取消当前动画并开始下一个动画（由于我正在制作速度计，因此首选此方法）。

提前致谢！

此致Mats de Waard

Answer 1

来自： http : //velocityjs.org/#stop

/* Prior Velocity call. */
$element.velocity({ opacity: 0 });
/* Later, midway through the call... */
$element
    /* Stop animating opacity. */
    .velocity("stop")
    /* Animate opacity back to 1. */
    .velocity("reverse");

因此，在您的情况下，例如：

$("#pointer")
.velocity("stop")
.velocity({
    rotateZ: degreesToTurnTo+"deg"
});