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 相关文章推荐
javascript之ESC(第二类混淆)
May 06 Javascript
javascript类型转换示例
Apr 29 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
bootstrap表格分页实例讲解
Dec 30 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
jquery插件开发之选项卡制作详解
Aug 30 jQuery
seajs模块压缩问题与解决方法实例分析
Oct 10 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
javascript 构建模块化开发过程解析
Sep 11 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
Vue 刷新当前路由的实现代码
Sep 26 Javascript
JavaScript鼠标悬停事件用法解析
May 15 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源码之explode使用说明
2011/08/05 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
Javascript核心读书有感之类型、值和变量
2015/02/11 Javascript
javascript密码强度校验代码(两种方法)
2015/08/10 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
2018/05/03 Javascript
vue异步axios获取的数据渲染到页面的方法
2018/08/09 Javascript
分享vue里swiper的一些坑
2018/08/30 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
python3实现ftp服务功能(客户端)
2017/03/24 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
Python用for循环实现九九乘法表
2018/05/31 Python
Linux下python制作名片示例
2018/07/20 Python
Flask之请求钩子的实现
2018/12/23 Python
Python饼状图的绘制实例
2019/01/15 Python
python实现word文档批量转成自定义格式的excel文档的思路及实例代码
2020/02/21 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
C++是不是类型安全的
2014/02/18 面试题
教师的实习鉴定
2013/12/15 职场文书
企业党员公开承诺书
2014/03/26 职场文书
2019暑假学生安全口号
2019/06/27 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python