Javascript setInterval 功能到 onmousedown 事件

Question

我正在尝试使用 Javascript 和 SVG 键盘图像创建虚拟键盘。我已经能够访问“button”元素的 onmousedown 属性，并在按下该按钮时调用 myFunction。

button.onmousedown = (function(self) {
    return function() { self.myFunction(); };
})(this);

我希望添加重复键功能，并希望合并 setInterval 以便 myFunction 每秒左右重复一次。我无法将 setInterval 合并到 onmousedown 功能中。我应该尝试将 setInterval 添加到上面的代码中还是将其添加到 myFunction 中？我只想使用基本的 Javascript。提前致谢。

Answer 1

var interval;

button.addEventListener('mousedown', function() {
  interval = setInterval(doSomething, 20);
});

button.addEventListener('mouseup', function () {
  clearInterval(interval);
});

function doSomething()
{
  //your code here
}

类似这样的吗？

实例:http://cssdeck.com/labs/cbpb6qqm