Question

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

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

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

非常感谢任何贡献。

第一篇文章！

Answer 1

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

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
    });
});

使用.mousedown（）控制.animate（）属性

1 个答案: