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控制上传文件的大小
Oct 26 Javascript
document.open() 与 document.write()的区别
Aug 13 Javascript
40款非常棒的jQuery 插件和制作教程(系列二)
Nov 02 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
Javascript进制转换实例分析
May 14 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
js 两数组去除重复数值的实例
Dec 06 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
Node.js Express安装与使用教程
May 11 Javascript
JavaScript实现异步图像上传功能
Jul 12 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
PHP开发负载均衡指南
2010/07/17 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
AngularJS压缩JS技巧分析
2016/11/08 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
原生js无缝轮播插件使用详解
2020/03/09 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
JQuery复选框全选效果如何实现
2020/05/08 jQuery
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
python实现通过shelve修改对象实例
2014/09/26 Python
python实现在控制台输入密码不显示的方法
2015/07/02 Python
Python抓取百度查询结果的方法
2015/07/08 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
使用Python和xlwt向Excel文件中写入中文的实例
2018/04/21 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
python交换两个变量的值方法
2019/01/12 Python
Python魔法方法功能与用法简介
2019/04/04 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
美国手机支架公司:PopSockets
2019/11/27 全球购物
大学生简历中个人的自我评价
2013/10/06 职场文书
总会计师岗位职责
2014/02/19 职场文书
爱心捐款感谢信
2015/01/20 职场文书
审美与表现自我评价
2015/03/09 职场文书