JavaScript setTimeout（）函数不适用于“ onsubmit”表单属性

我对JavaScript非常陌生，所以如果我遗漏了一些明显的东西，我深表歉意。

我试图在提交表单时显示一个隐藏的div，但与其立即显示，不如将其显示稍有延迟（例如3秒）。

我尝试在'onsubmit'属性上使用setTimeout（）函数，但是隐藏的div立即出现，并且没有延迟。

这是一个最小的示例：

<!DOCTYPE html>

<html>

<body>

<p>When you submit the form, a function is triggered which alerts some text.</p>

Enter name: <input type="text" name="fname">

</form>

<div id="message" style="display: none">Loading...</div>

function myFunction() {

document.getElementById("message").style.display = "block"

}

</script>

</body>

</html>

也可以在这里找到：https : //www.w3schools.com/code/tryit.asp?filename=G3Y3E1YISNH1

setTimeout()综上所述，正在运行myFunction，但没有预期的延迟。如果有人可以帮助我正确编写代码，我将不胜感激！谢谢。

胡说叔叔

浏览 168回答 3

3回答

qq_花开花谢_0

使用现代JS约定。在JS端而不是HTML端，找到您的表单，并使用事件监听：let form = ... // there are many easy ways to get this elementform.addEventListener("submit", evt => {  // don't actually submit this form to its associated URL:  evt.preventDefault();  // and schedule the timeout  setTimeout(myFunction, 3000);});

潇潇雨雨

您必须发送一个函数才能执行一个函数。可以使用：onsubmit="setTimeout('myFunction()', 3000)"或使用这种方式：onsubmit="setTimeout(function () { myFunction(); }, 3000)"另外，如果您不提交表单，则可以尝试执行以下操作return false：onsubmit="setTimeout(function () { myFunction(); }, 3000); return false;"并且请通过使用不打扰的方法addEventListener。

PIPIONE

您正在分配过程中执行该功能。卸下支架()。实际上，您实际上需要将引用作为参数传递给函数。添加括号时，您要执行函数，然后将函数的返回值作为参数传递。<form onsubmit="setTimeout(myFunction, 3000)">此外，您也不应完全使用onsubmit和内联分配。

随时随地看视频慕课网APP