您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jQuery实现数秒后自动提交form的方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了jQuery实现数秒后自动提交form的方法,实例分析了jQuery实现form表单延时提交的技巧,需要的朋友可以参考下

   

本文实例讲述了jqury实现数秒后自动提交form的方法。分享给大家供大家参考。具体如下:

很多下载网站都设置了此代码,下载按钮数秒,数完后,可以点击提交
制作很简单:

1. js部分代码如下:

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <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部分代码如下:

? 1 2 3 4 <form action="/action/download" method="post" id="formDownload"> Wait <span id="jumpNum"></span> seconds <input type="button" onclick="jump(30,"#formDownload");" /> </form>

希望本文所述对大家的jQuery程序设计有所帮助。