javascript onclick 重复

Question

我有一个带有 onclick 事件的表单按钮，它运行一个简单的 javascript 函数（给值加 1）。

我每次都必须点击鼠标按钮才能运行它，有什么办法可以让它在按住鼠标按钮的情况下运行它，但每半秒运行一次？

当前代码

<script>
  function incrementValue(id) {
    var value = parseInt(document.getElementById(id).innerHTML);
    value=++; 
    document.getElementById(id).innerHTML = value;
    }
</script>

html

<input type="text" id="attk">
<input type="text" id="def">

<input type="button" onclick="incrementValue('attk')">
<input type="button" onclick="incrementValue('def')">

Answer 1

按下按钮时，以下将每 500 毫秒重复一次 - 并将增加一个计数器

JavaScript：

var intervalId; // keep the ret val from setTimeout()
function mousedownfunc(divid) {
    intervalId = setInterval(runme, 500, divid);
}

function mouseupfunc() {
    clearInterval(intervalId);
}

function runme(divid) {
    document.getElementById(divid).innerHTML = parseFloat(document.getElementById(divid).innerHTML) + 1;
}

HTML :

<input type="button" onmousedown="mousedownfunc('counter')" value="clickme" onmouseup="mouseupfunc('counter')" /><br/>
<div id="counter">1</div>

计数器的工作示例-> http://jsfiddle.net/73uKk/1/