📅  最后修改于: 2023-12-03 15:09:19.673000             🧑  作者: Mango
如果你需要在一个按钮一直被按下时执行一些增量的 JavaScript 代码,那么你可以使用 JavaScript 的 setInterval()
函数。
首先,我们需要定义一个布尔变量 isPressed
,用于保存按钮是否被按下的状态。然后,我们可以使用 setInterval()
函数来执行一些增量的 JavaScript 代码,例如每秒钟增加一个计数器变量的值。
let isPressed = false;
let counter = 0;
let intervalId;
function incrementCounter() {
counter++;
console.log(counter);
}
function startInterval() {
intervalId = setInterval(function() {
if (isPressed) {
incrementCounter();
}
}, 1000);
}
function stopInterval() {
clearInterval(intervalId);
}
document.addEventListener('mousedown', function() {
isPressed = true;
startInterval();
});
document.addEventListener('mouseup', function() {
isPressed = false;
stopInterval();
});
我们首先定义了 isPressed
和 counter
两个变量,分别用于保存按钮的按压状态和计数器的值。然后,我们定义了两个函数 incrementCounter()
和 startInterval()
,分别用于实现计数器的增量和启动 setInterval()
函数。接下来,我们定义了 stopInterval()
函数,用于在按钮释放时停止计数器的增量。
在按钮按下时,我们设置 isPressed
变量为 true
,并调用 startInterval()
函数来启动 setInterval()
函数。在按钮释放时,我们设置 isPressed
变量为 false
,并调用 stopInterval()
函数来停止 setInterval()
函数。
在 setInterval()
函数中,我们检查按钮是否被按下,如果按下则调用 incrementCounter()
函数来实现计数器的增量。计数器的增量可以根据实际需求进行修改,例如可以改为每毫秒增加一次计数器的值。
通过上述代码实现,我们可以在按钮一直被按下时执行一些增量的 JavaScript 代码。这种方法可以应用于各种情景,例如可以用于实现连续滚动、快速增加/减少数字等功能。