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 相关文章推荐
node.js适合游戏后台开发吗?
Sep 03 Javascript
关于Javascript加载执行优化的研究报告
Dec 16 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
深入解析JavaScript的闭包机制
Oct 20 Javascript
jquery validate demo 基础
Oct 29 Javascript
浅谈jQuery 选择器和dom操作
Jun 07 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
javascript函数的四种调用模式
Jan 08 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
Nov 03 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
记录一次开发微信网页分享的步骤
May 07 Javascript
浅谈微信小程序列表埋点曝光指南
Oct 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中使用Oracle数据库(2)
2006/10/09 PHP
PHP中使用localhost连接Mysql不成功的解决方法
2014/08/20 PHP
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
jQuery入门介绍之基础知识
2015/01/13 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
2016/05/31 Javascript
详解jQuery中ajax.load()方法
2017/01/25 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
webpack之devtool详解
2018/02/10 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
javascript实现蒙版与禁止页面滚动
2020/01/11 Javascript
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
python实现简单ftp客户端的方法
2015/06/28 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
python微信公众号之关键词自动回复
2018/06/15 Python
python将字符串转换成json的方法小结
2019/07/09 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
django框架中间件原理与用法详解
2019/12/10 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
利用python 下载bilibili视频
2020/11/13 Python
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
如何实现jdbc性能优化
2012/07/30 面试题
这段代码难道不该打印出56吗
2013/02/27 面试题
法人授权委托书
2014/04/03 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
授权委托书(公民个人适用)
2014/09/19 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
Minikube搭建Kubernetes集群
2022/03/31 Servers