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第一课
Feb 27 Javascript
超级退弹代码
Jul 07 Javascript
基于jquery的loading效果实现代码
Nov 05 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
BootStrap使用file-input插件上传图片的方法
Sep 05 Javascript
js实现可旋转的立方体模型
Oct 16 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
js阻止移动端页面滚动的两种方法
Jan 25 Javascript
原生js开发的日历插件
Feb 04 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
Jan 27 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 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 Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
linux中cd命令使用详解
2015/01/08 PHP
PHP面向对象程序设计实例分析
2016/01/26 PHP
php好代码风格的阶段性总结
2016/06/25 PHP
javascript 密码强弱度检测万能插件
2009/02/25 Javascript
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
2011/05/12 Javascript
B/S模式项目中常用的javascript汇总
2013/12/17 Javascript
利用javascript打开模态对话框(示例代码)
2014/01/11 Javascript
页面加载完毕后滚动条自动滚动一定位置
2014/02/20 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
JavaScript实现经典排序算法之冒泡排序
2016/12/28 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
JS图片预加载三种实现方法解析
2020/05/08 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
JavaScript 类的封装操作示例详解
2020/05/16 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
超市促销活动总结
2014/07/01 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
大学生上课迟到检讨书
2014/10/15 职场文书
出纳年终工作总结2014
2014/12/05 职场文书
2014七年级班主任工作总结
2014/12/05 职场文书
母亲去世追悼词
2015/06/23 职场文书
Oracle锁表解决方法的详细记录
2022/06/05 Oracle