使用.mousedown()控制.animate()属性

时间:2017-08-30 08:27:58

标签: javascript jquery

我有一段看起来像这样的代码:

$launch.click(function launch() {
    if(!counter) counter = setInterval(startClock, 1000);
    $ball.mousedown().animate({ left: '100%' }, {
      progress: checkCollision,
      duration: 750,
      easing: 'linear',
      complete: resetBall
    });
  });

使用属性.animate();在屏幕上拍摄球。我希望根据你点击鼠标的时间来改变球的速度。

非常感谢任何贡献。

第一篇文章!

1 个答案:

答案 0 :(得分:0)

您需要检测鼠标按下所需元素的方式,您可以使用以下内容:

var start,end;

$launch.mousedown(function(){
  start = new Date();
});

$launch.mouseup(function(){
  end = new Date();
});

$launch.click(function launch() {
  var duration = end  - start;//difference in milliseconds
  if(!counter) counter = setInterval(startClock, 1000);
    $ball.mousedown().animate({ left: '100%' }, {
      progress: checkCollision,
      duration: duration ,
      easing: 'linear',
      complete: resetBall
    });
});