问题描述
我正在做一些赛马动画练习。 我想每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");
});
顺便说一句,整个页面就在这里: :
1楼
jQuery animate-Function通过值存储速度,而不是通过引用存储速度,因此您不能在执行过程中更改速度。 但是,您可以短暂地停止动画并使用新值重新启动它。
您可以在这里找到一个很好的解释: :