jQuery：在动画过程中提高动画速度

Question

我正在为click事件上的div设置动画，我想要的是每隔0.2秒增加动画的速度，这就是我现在正在做的

 <div class='col-md-6 col-sm-6 col-xs-12 animatediv' >
      <img src='images/camera.png' alt='camera'  class="camera">
      <p id='cameras' class='text-danger pull-right'>
      interested ? Read more
    </p>
</div>

jQuery的

$(document).ready(function (){
    $('#cameras').click(function(){
         $(".animatediv").animate({'position':'relative','left':'700px'}, 2000, function(){
            window.location.replace("http://www.google.com");
        });
     });
});

现在它使整个div动画，但我希望如上所述，我想改变速度，请帮助

Answer 1

jQuery animate用作.animate（properties [，duration] [，easing] [，complete]）

您可以减少持续时间（以毫秒为单位）以使其显示更快（您的情况是2000）

减少到500以下。 或者您可以使用“ fast”代替2000

Answer 2

缓动可以帮助您在动画过程中改变速度。 查看以下链接以获取示例。

jQuery动画：可以在动画过程中更改速度吗？