如何调整JS中长按按键触发方法的执行时间及添加延迟？

首先明确：JavaScript是单线程异步模型，不能用C语言那种阻塞式的delay——会直接卡死页面，浏览器甚至会提示无响应。下面给你几种实用的解决方案：

方案1：时间间隔限流（最简单直接） #

记录上次执行myMethod的时间，只有当当前时间和上次的间隔超过你设定的值时，才允许再次执行。完全不受系统按键重复频率的影响。

修改后的代码：

// 记录上次触发的时间戳
let lastRunTime = 0;
// 自定义触发间隔，比如500ms（每秒2次）
const triggerGap = 500;

function checkKey(e) {
    e = e || window.event;
    if (e.keyCode === 38) { // keyCode是数字，不用加引号
        const now = Date.now();
        if (now - lastRunTime >= triggerGap) {
            myMethod();
            lastRunTime = now;
        }
    }
}

方案2：按键启停定时器（精准控制频率） #

分开监听keydown和keyup事件：按下按键时启动定时器，重复执行myMethod；松开按键时立刻清除定时器。这种方式能完全自定义执行频率，而且逻辑清晰。

示例代码：

let repeatTimer = null;
// 设定每次执行的间隔
const repeatGap = 500;

function onKeyDown(e) {
    e = e || window.event;
    // 只有定时器未启动时才执行
    if (e.keyCode === 38 && !repeatTimer) {
        // 按下先执行一次
        myMethod();
        // 启动定时器重复执行
        repeatTimer = setInterval(() => {
            myMethod();
        }, repeatGap);
    }
}

function onKeyUp(e) {
    e = e || window.event;
    if (e.keyCode === 38 && repeatTimer) {
        // 松开按键清除定时器
        clearInterval(repeatTimer);
        repeatTimer = null;
    }
}

// 绑定事件到文档
document.addEventListener('keydown', onKeyDown);
document.addEventListener('keyup', onKeyUp);

关于“类似C语言delay”的替代方案 #

如果非要实现“触发一次后，一段时间内不再响应按键”的效果（不是真冻结应用），可以用状态锁+setTimeout：

let isLocked = false;
// 锁定时间，比如1秒
const lockTime = 1000;

function checkKey(e) {
    e = e || window.event;
    if (e.keyCode === 38 && !isLocked) {
        myMethod();
        isLocked = true;
        // 到时间后解锁
        setTimeout(() => {
            isLocked = false;
        }, lockTime);
    }
}

注意：这种方式只是让按键在一段时间内不响应，不会冻结整个应用——真冻结的话页面会完全卡死，这在JS里是绝对要避免的。

内容的提问来源于stack exchange，提问作者repinSlun