关于jquery的animate动画速度匀速的问题?

想问下各位,jquery中的animate动画在设置了速度 和 linear匀速之后,还是会出现因为left值得不同而导致速度的不一样,如果我想让两个元素的速度一样,那我该怎么设置速度呢 ,根据left值来计算吗? 代码示例
图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0;
            padding: 0;
        }
        .run{
            width:150px;
            height:150px;
            background: #5bc0de;
            position: absolute;
            left:900px;
            top:30px;
        }
        .run2{
            left:1900px;
           top:190px;
        }
    </style>
</head>
<body>
 <div class="run"></div>
 <div class="run run2"></div>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
      $('.run').animate({
           left:0
      },20000,'linear',function(){   //  两个都是20s的速度  但是因为left的值不同  速度还是不一样
           console.log(111)
      })
</script>
</body>
</html>

速度能一样才奇怪了,两个起点不同,终点相同,即位移不同,而又指定了运动时间是相等的,都为20000,你说匀速运动速度能相同吗。你要速度相同,那就给定个期望速度值,根据位移反过来计算时间咯

参数speed,毫秒,表示运动所花时间。并不是速度。只是平时大家叫习惯了。
jquery动画

设置了速度 和 linear

其实你设置的是duration 而不是speed…

楼上 @外籍杰克 和 @aristotll 都说得很清楚了,我就不来多赘述了。

  • 瀑布流解决图片加载
  • js制作一个摇点数前进后退的小游戏思路。
  • 这个DIV为什么点两次不会消失呢?
  • append方法追加的元素,jq无法用$获取
  • 网络视频播放 跳过片头 , 片尾是怎么做到的??
  • 疑问,为什么JQuery要移除全局事件?
  • 用bower查看react版本时候报错
  • 为什么我用 append()插入代码后里面的js程序无效?
  • 关于一段程序修改之后的不解和问题
  • window7 npm安装gulp失败(已是管理员身份运行)
  • Vue 的依赖追踪属于单向数据绑定还是双向绑定?