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 相关文章推荐
如何防止回车(enter)键提交表单
May 11 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
AngularJS中一般函数参数传递用法分析
Nov 22 Javascript
Vue学习之路之登录注册实例代码
Jul 06 Javascript
通俗易懂地解释JS中的闭包
Oct 23 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
Jan 16 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
javascript实现前端成语点击验证
Jun 24 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 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开发负载均衡指南
2010/07/17 PHP
屏蔽机器人从你的网站搜取email地址的php代码
2012/11/14 PHP
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
jquery 弹出层实现代码
2009/10/30 Javascript
基于jQuery的图片大小自动适应实现代码
2010/11/17 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
2015/09/06 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
vue项目中导入swiper插件的方法
2018/01/30 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
JavaScript学习笔记之DOM基础操作实例小结
2019/01/09 Javascript
vue实现购物车小案例
2019/09/27 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
python模拟enum枚举类型的方法小结
2015/04/30 Python
Python爬虫框架Scrapy实例代码
2018/03/04 Python
python和c语言的主要区别总结
2019/07/07 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
详解python中的lambda与sorted函数
2020/09/04 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
会计实习生工作总结的自我评价
2013/10/07 职场文书
关于幼儿的自我评价
2013/12/18 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
房地产经营管理专业自荐信
2014/09/02 职场文书
医院见习报告范文
2014/11/03 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
《失物招领》教学反思
2016/02/20 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书