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 相关文章推荐
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
javascript实现的右下角弹窗实例
Apr 24 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
Javascript日期格式化format函数的使用方法
Aug 30 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
判断div滑动到底部的scroll实例代码
Nov 15 Javascript
原生js实现拖拽功能基本思路详解
Apr 18 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
Apr 27 Javascript
vue实现单一筛选、删除筛选条件
Oct 26 Javascript
关于Js中new操作符的作用详解
Feb 21 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一些有意思的小区别
2006/12/06 PHP
php生成随机密码的几种方法
2011/01/17 PHP
php Imagick获取图片RGB颜色值
2014/07/28 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
javascript中match函数的用法小结
2014/02/08 Javascript
中文输入法不触发onkeyup事件的解决办法
2014/07/09 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
Mac下通过brew安装指定版本的nodejs教程
2018/05/17 NodeJs
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
PyCharm使用教程之搭建Python开发环境
2016/06/07 Python
python3个性签名设计实现代码
2018/06/19 Python
Django数据库操作之save与update的使用
2020/04/01 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
水果花束:Fruit Bouquets
2017/12/20 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
简述安装Slackware Linux系统的过程
2012/05/08 面试题
医学生个人求职信范文
2014/02/07 职场文书
团委竞选演讲稿
2014/04/24 职场文书
工业设计专业自荐书
2014/06/05 职场文书
班主任工作实习计划
2015/01/16 职场文书
新员工入职感言范文!
2019/07/04 职场文书
Hive日期格式转换方法总结
2022/06/25 数据库
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技