Javascript中setTimeout延迟执行函数失效问题排查求助

你的代码存在两个核心问题：

1. 函数未被触发执行：你仅定义了fireTheSubmitEvent函数，但从未调用它，导致函数内部的所有代码都不会运行。
2. 逻辑不符合需求：即便调用了函数，代码会立即执行赋值操作，随后通过setTimeout(fireTheSubmitEvent, 2000)让函数每隔2秒递归调用自己，变成循环执行，这和你“2000ms后执行一次”的需求不符。

修正方案（单次执行） #

如果你只需要在2000ms后执行一次赋值操作，无需额外定义函数，直接用setTimeout包裹目标代码即可：

setTimeout(() => {
  document.querySelector('[name="4109~~0~0~0~18291930$txtValue"]').value = 'APPLE';
}, 2000);

如果一定要保留函数形式，需正确调用函数，并将赋值操作作为定时器的回调逻辑：

function setInputValue() {
  document.querySelector('[name="4109~~0~0~0~18291930$txtValue"]').value = 'APPLE';
}
// 触发定时器，2000ms后执行函数
setTimeout(setInputValue, 2000);

额外注意事项 #

• 确保DOM元素已加载：如果代码在页面元素渲染完成前运行，document.querySelector会找不到目标元素，赋值操作失效。可将代码放在DOMContentLoaded事件回调中，或直接放在页面底部。
• 核对选择器准确性：确认目标元素的name属性值与你编写的选择器完全一致，无拼写或符号错误。

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