当前位置: 代码迷 >> JavaScript >> 动画运行时更新动画速度
  详细解决方案

动画运行时更新动画速度

热度:130   发布时间:2023-06-13 12:37:39.0

我正在做一些赛马动画练习。 我想每100毫秒更改div的速度,并且每个div的速度必须不同。 以下代码无法正常工作。

var v = setInterval(function() {

        v = Math.floor(Math.random() * (9000 - 2000 + 1)) + 2000;

        return v;

    }, 500)



$("#start").click(function () {

    $("#karauzum").animate({left: "400px"}, v, function () {

        list.push("karauzum");

    });

    $("#gelibolu").animate({left: "400px"}, v, function() {

        list.push("gelibolu");

    });

    $("#yalnizefe").animate({left: "400px"}, v, function() {

        list.push("yalnizefe");

    });

    $("#ucanoglu").animate({left: "400px"}, v, function() {

        list.push("ucanoglu");

    });

顺便说一句,整个页面就在这里: :

jQuery animate-Function通过值存储速度,而不是通过引用存储速度,因此您不能在执行过程中更改速度。 但是,您可以短暂地停止动画并使用新值重新启动它。

您可以在这里找到一个很好的解释: :

  相关解决方案