javascript - 提交按钮的 onclick 事件中的 SetTimout() 函数不起作用

Question

我的 HTML 表单末尾有这段代码，我想在单击提交按钮后几秒钟做一些事情。但是，一旦单击按钮，就会立即显示消息，而不会延迟，我必须做什么才能使延迟起作用？

<input style="width: 99%" type="submit" onclick="setTimeout(alert('hello'), 10000);" value="Update and Close" />

Answer 1

总有 jQuery，附加到点击事件

http://jsbin.com/omibusU/2/edit?html,js,输出

Answer 2

您使用 setTimeout 做得正确，但像这样使用

onclick="DoLater(); return false;" 

功能是

function DoLater(){
  setTimeout(function(){
    alert("hello");
  },10000);
}

Answer 3

尝试这个..

<input style="width: 99%" type="submit" onclick="myFunction();" value="Update and Close" />

<script>
function myFunction()
{
 setTimeout(function(){alert("Hello")},10000);
}
</script>

</body>
</html>

Answer 4

不需要使用“return false”使用“return fnname”

onclick="return fn();" 

function fn() {
    setTimeout(function(){
        alert("hello");
    },1000);
}

Answer 5

设置javascript:在 onclick

<input style="width: 99%" type="submit" onclick="javascript:setTimeout(function(){alert('hello')}, 5000);" value="Update and Close" /></td>

jsfiddle

Answer 6

以下会做

onclick="setTimeout(function(){alert('Hello')},3000);"

Answer 7

嗨，如果上述解决方案不起作用，则必须像这样完成以下要求。当您使用提交类型的按钮时，您正在提交表单值。要在提交表单值（在您的情况下为延迟）后做某事，您需要在表单事件上调用 javascript。

因为我有类似的要求。我遵循了以下方法。在页面的 head 部分定义函数。

<s:form onsubmit="return javascriptfunctionname();">