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/

Answer 2

您可以添加 onmousedown 事件(http://www.w3schools.com/jsref/event_onmousedown.asp< /a>) 到按钮。
然后使用 setTimeout() 函数 (http://www.w3schools.com/jsref/met_win_settimeout.asp< /a>)

<input type="submit" onmousedown="func1">


function func1(){  
  //yourcode;  
setTimeout(func1,500);
}

不确定 setTimout 中的语法是否正确。

Answer 3

您可以在 JQuery 中执行类似的操作：

var myInterval = null,
counter = 0;

            $('#buttonID').mousedown(function(){
                myInterval = setInterval(function(){
                    counter++;
                    // display it on page...
                },500);
            });

            $('#buttonID').mouseup(function(){
                clearInterval(myInterval)
            });

在 mousedown 中定义一个间隔，并在释放鼠标（mouseup）时清除该间隔。我希望这会有所帮助

Answer 4

您可以使用 Javascript Closure

var i = 1;
var callMe = function ()
{
    var called = function(){ var j = i++; alert ('now its:'+j); }
    return called();   
}
setInterval(callMe,500);

查看更多