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


Posted in Javascript onMarch 05, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
event对象的方法 兼容多浏览器
Jun 27 Javascript
理解Javascript_12_执行模型浅析
Oct 18 Javascript
JavaScript eval() 函数介绍及应用示例
Jul 29 Javascript
Javascript判断文件是否存在(客户端/服务器端)
Sep 16 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
浅谈移动端之js touch事件 手势滑动事件
Nov 07 Javascript
浅析script标签中的defer与async属性
Nov 30 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 Javascript
Webpack的Loader和Plugin的区别
Nov 09 Javascript
Redis基本知识、安装、部署、配置笔记
Mar 05 #Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 #Javascript
PHP 数组current和next用法分享
Mar 05 #Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
Mar 05 #Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
Mar 05 #Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
Mar 05 #Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 #Javascript
You might like
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
理解JS事件循环
2016/01/07 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
React 组件间的通信示例
2018/06/14 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
Python通过正则表达式选取callback的方法
2015/07/18 Python
利用Python破解斗地主残局详解
2017/06/30 Python
高效使用Python字典的清单
2018/04/04 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
python 装饰器的实际作用有哪些
2020/09/07 Python
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
韩国CJ食品专卖网:CJonmart
2016/09/11 全球购物
银行求职信范文
2014/05/26 职场文书
语文教师个人工作总结
2015/02/06 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
医院见习总结
2015/06/24 职场文书
办公室日常管理制度
2015/08/04 职场文书
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android