javascript - 每 0.2 秒运行一次 mousedown 事件，直到鼠标松开

Question

我试图在用户单击按钮时连续将 +1 添加到文本输入字段的值。

简化后，我的 JQuery 代码是这样的:

$('#button').on({
 mousedown : function () {
 var value = $(this).val();
 $(this).val(value + 1);
 },
 mouseup : function () {
 //Some other stuff here
 }
});

每次用户单击按钮时都会起作用。我想要的是，如果用户按住按钮，mousedown 事件每 0.2 秒触发一次，直到他停止按下(并且 mouseup 事件触发)。

我认为这应该以某种方式通过 setTimeout() 完成，但如果有人向我展示如何操作，我会很高兴。谢谢。

Answer 1

使用setInterval 和clearInterval:

var interval;
$('#button').on({
  mousedown : function () {
    var el = $(this);
    el.val(parseInt(el.val(), 10) + 1);
    interval = window.setInterval(function(){
      el.val(parseInt(el.val(), 10) + 1);
    }, 200);
  },
  mouseup : function () {
    window.clearInterval(interval);
  }
});

但是，不可能像每 0.2 毫秒那样频繁地运行，我想你的意思是每 0.2 秒......