首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:16:10
字体:
来源:转载
供稿:网友

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

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

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

制作很简单:

1. js部分代码如下:

 

 
  1. <script language='javascript'
  2. <!-- 
  3. $(document).ready(function(){ 
  4. // #formDownload ajaxForm 
  5. $('#formDownload').ajaxForm({ 
  6. target:'#formDownloadWindows',success:function(){ 
  7. }); 
  8. }); 
  9. function jump(count,formId) { 
  10. window.setTimeout(function(){ 
  11. count--; 
  12. if(count > 0) { 
  13. $('#jumpNum').html(count); 
  14. jump(count,str); 
  15. else { 
  16. $(str).submit(); 
  17. }, 1000); 
  18. }  
  19. //--> 
  20. </script> 

2. HTML部分代码如下:

 

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选