这篇文章主要介绍了jQuery实现数秒后自动提交form的方法,实例分析了jQuery实现form表单延时提交的技巧,需要的朋友可以参考下
本文实例讲述了jqury实现数秒后自动提交form的方法。分享给大家供大家参考。具体如下:
很多下载网站都设置了此代码,下载按钮数秒,数完后,可以点击提交
制作很简单:
1. js部分代码如下:
- <script language='javascript'>
- <!--
- $(document).ready(function(){
- // #formDownload ajaxForm
- $('#formDownload').ajaxForm({
- target:'#formDownloadWindows',success:function(){
- }
- });
- });
- function jump(count,formId) {
- window.setTimeout(function(){
- count--;
- if(count > 0) {
- $('#jumpNum').html(count);
- jump(count,str);
- } else {
- $(str).submit();
- }
- }, 1000);
- }
- //-->
- </script>
2. HTML部分代码如下:
- <form action="/action/download" method="post" id="formDownload">
- Wait <span id="jumpNum"></span> seconds
- <input type="button" onclick="jump(30,"#formDownload");" />
- </form>
希望本文所述对大家的jQuery程序设计有所帮助。
新闻热点
疑难解答
图片精选