Question

我需要连续执行一个javascript函数（例如每秒或半秒），但这需要在按下按钮时发生。

我尝试了以下内容：

$("#buttonID").bind('touchstart',function(event){ 
        setInterval(function() {
            FUNCTION
        }, 1000);
    });

这不是那种方式，使用＆＃34; mousedown＆＃34;任

它在问题JavaScript while mousedown 上的回答没有解决我的问题，所以我不认为这个问题是重复的。

是否有初学者的错误，我没有看到它？你有什么建议？

Answer 1

您必须捕获对计时器的引用，并在释放鼠标时取消它。

＆＃13;

var timer = null; // Will hold a reference to the timer

$("#buttonID").on('mousedown',function(event){ 
 // Set the timer reference
 timer = setInterval(function() {
   console.log("Function running");
 }, 1000);
});

$("#buttonID").on('mouseup',function(event){ 
 clearInterval(timer);  // Cancel the timer
 console.log("Timer cancelled.");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="buttonID">Hold me down to run function!</button>

＆＃13;

按下按钮时，每秒执行一次javascript函数

1 个答案: