Javascript 延迟Ajax提交

我有一条加载消息和一条成功消息，我想在提交表单之前淡入淡出。我真的无法让代码正确地显示这些消息几秒钟，然后像往常一样使用Ajax提交表单。 我试着像这样连接提交按钮

jQuery（文档）.ready（函数（e）{
jQuery（“提交按钮”）。单击（函数（）{
e、 预防默认值（）；
jQuery（'#loadingMessage'）.fadeIn（1000）；
jQuery（'#loadingMessage'）.hide（）.delay（1000）；
jQuery（'#saveMessage'）.show（）.delay（2000）.fadeOut（1000）；
setTimeout（函数（）{
jQuery（“form[id=postorder]”）；
}, 4000);
});
});

或者这个，这个只是一个例子，我试过一些

jQuery（文档）.ready（函数（e）{
jQuery（“表单[id=postorder]”。提交({
e、 预防默认值（）；
jQuery（'#loadingMessage'）.fadeIn（1000）；
jQuery（'#loadingMessage'）.hide（）.delay（1000）；
jQuery（'#saveMessage'）.show（）.delay（2000）.fadeOut（1000）；
setTimeout（函数（）{
[在此提交表格]
}, 4000);
});
});

这些信息工作正常。

---

谢谢你的帮助

你可以这样做

jQuery（文档）.ready（函数（e）{
jQuery（“提交按钮”）。单击（函数（）{
jQuery（'#loadingMessage'）.fadeIn（2000，function（）{
jQuery（'#loadingMessage'）.hide（2000，function（）{
jQuery（'#saveMessage'）.show（2000）.fadeOut（2000，function（）{
jQuery（“form[id=postorder]”）；
});
});
});
});
});

加载消息

保存消息

请查看为什么不将settimeout移到顶部？工作完美！将Ajax附加到按钮而不是Type=Submit，然后在最后一条消息之后的函数中运行Submit，这是一个明智的选择。非常感谢。