Javascript 脚本在页面加载时执行，应仅在单击按钮时执行

我有一个简单的文件上传页面，页面底部每隔一段时间显示一条消息，所以我使用了setInterval来表示延迟

以下函数应该仅在单击“上载”按钮后启动，但它会在加载页面后立即开始执行这不是项目的登录页面

我如何编写它，使其不会在页面加载时开始执行，而是仅在单击上载按钮时执行

以下是包括脚本在内的整个html代码：

我的研究还没有发现任何与页面加载与点击按钮直接相关的问题。我发现相反的人希望它在页面加载时执行，而不是点击按钮，但不是这个。我根本不希望它在页面加载时执行，只在单击按钮时执行

var myVar=setIntervalmyTimer，1000； var计数器=0； 函数myTimer{ 计数器++； var t=计数器； document.getElementByIdtd1.innerHTML=t； 如果计数器>=4{ console.log已到达末尾！！； clearIntervalmyVar； } } 文件上传 选择文件 上载 *第一步 *步骤2 *步骤3 *步骤4 完成了

---

只需将事件侦听器添加到按钮：

var myVar，计数器；//全局变量 document.getElementByIdsubmit_btn.addEventListenerclick，函数{ 计数器=0； myVar=setIntervalmyTimer，1000； }; 函数myTimer{ 计数器++； var t=计数器； document.getElementByIdtd1.innerHTML=t； 如果计数器>=4{ console.log已到达末尾！！； clearIntervalmyVar； } } 文件上传 选择文件 上载 *第一步 *步骤2 *步骤3 *步骤4 完成了

---

您只需将setInterval调用包装到click事件处理程序中。如果您搜索并找到了许多具有按钮单击事件的人的示例，他们希望将这些事件转换为页面加载事件，那么您为什么不看看他们是如何执行按钮单击事件的呢？connexo，您提供的链接没有解决此问题。我仍然需要防止脚本在页面加载时执行。addEventListener可能有线索，但从链接到的文档中看不清楚。document.getElementByIdsubmit_btn.addEventListener单击，函数setIntervalmyTimer，1000；}-但是，当您提交表单时，脚本是clearedmplungjan，这看起来很有用，但是如何让计时器在达到四点后停止？我是否保留设置var myVar=setIntervalmyTimer，1000；？如果我删除它，开发控制台会说myTimer没有定义；如果我保留它，脚本将在页面加载时开始执行。谢谢你的帮助。非常感谢你抽出时间来做这件事。我现在就实现它，并用我的结果进行更新。mplungjan-是的，这很有效。对于任何与setInterval有同样问题的人来说，这篇文章将非常有帮助。再次非常感谢。如果您有一个表单，您应该将侦听器添加到表单的提交处理程序中