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 相关文章推荐
jQuery 常见开发使用技巧总结
Dec 26 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
Oct 13 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
Mar 18 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
Aug 18 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
Jul 19 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
JS实现将二维数组转为json格式字符串操作示例
Jul 12 Javascript
koa源码中promise的解读
Nov 13 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
在Nginx上部署ThinkPHP项目教程
2015/02/02 PHP
PHP时间函数使用详解
2019/03/21 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
前端轻量级MVC框架CanJS详解
2014/09/26 Javascript
JQ实现新浪游戏首页幻灯片
2015/07/29 Javascript
Underscore源码分析
2015/12/30 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
JavaScript数组_动力节点Java学院整理
2017/06/26 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
vue-router的两种模式的区别
2019/05/30 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
jQuery实现评论模块
2020/08/19 jQuery
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
Python实现在线音乐播放器
2017/03/03 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
Python中遍历列表的方法总结
2019/06/27 Python
实例代码讲解Python 线程池
2020/08/24 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
怎么写好自荐信
2013/10/30 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
公司聚餐通知
2015/04/22 职场文书
2015年安全生产月工作总结
2015/07/27 职场文书
教学反思怎么写
2016/02/24 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android
Win2008系统搭建DHCP服务器
2022/06/25 Servers