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 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
Jquery + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
Node.js(安装,启动,测试)
Jun 09 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
Feb 20 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
解决JS外部文件中文注释出现乱码问题
Jul 09 Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 Javascript
JavaScript实现的九种排序算法
Mar 04 Javascript
js实现蒙版效果
Jan 11 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访问数据库集群的方法小结
2016/03/14 PHP
javascript demo 基本技巧
2009/12/18 Javascript
JQUERY对单选框(radio)操作的小例子
2013/04/25 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
jQuery中extend()和fn.extend()方法详解
2015/06/03 Javascript
javascript实现倒计时(精确到秒)
2015/06/26 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
VUE中v-model和v-for指令详解
2017/06/23 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
2018/02/23 Javascript
聊聊JS动画库 Velocity.js的使用
2018/03/13 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
Python的print用法示例
2014/02/11 Python
Python生成器(Generator)详解
2015/04/13 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
如何卸载python插件
2020/07/08 Python
Python 在局部变量域中执行代码
2020/08/07 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
使用tkinter实现三子棋游戏
2021/02/25 Python
英语文学专业学生的自我评价
2013/10/31 职场文书
七年级英语教学反思
2014/01/15 职场文书
广告传媒专业应届生求职信
2014/03/01 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
golang http使用踩过的坑与填坑指南
2021/04/27 Golang
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers