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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
Dec 23 Javascript
javascript使用call调用微信API
Dec 15 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
Jquery组件easyUi实现选项卡切换示例
Aug 23 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
ES6关于Promise的用法详解
May 07 Javascript
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
Sep 21 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 危险函数全解析
2009/09/09 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
php浏览历史记录的方法
2015/03/10 PHP
PHP生成静态HTML页面最简单方法示例
2015/04/09 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
javascript下string.format函数补充
2010/08/24 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
java和javascript获取word文档的书签位置对比
2014/06/19 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
Javascript中arguments用法实例分析
2015/06/13 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
理解javascript模块化
2016/03/28 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
jQuery选择器实例应用
2017/01/05 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
vue实现在v-html的html字符串中绑定事件
2019/10/28 Javascript
Python中强大的命令行库click入门教程
2016/12/26 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
python super的使用方法及实例详解
2019/09/25 Python
WxPython实现无边框界面
2019/11/18 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
python3 简单实现组合设计模式
2020/07/02 Python
Python实现简单猜数字游戏
2021/02/03 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
资源工程专业毕业生求职信
2014/02/27 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
小学教师读书笔记
2015/07/01 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android