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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
动态添加option及createElement使用示例
Jan 26 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
javascript日期格式化方法小结
Dec 17 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
JS选取DOM元素常见操作方法实例分析
Dec 10 Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 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+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
php实现的双向队列类实例
2014/09/24 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
Thinkphp 框架扩展之应用模式实现方法分析
2020/04/27 PHP
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
JQuery的$命名冲突详细解析
2013/12/28 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
js实现跨域的方法实例详解
2015/06/24 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
2016/01/25 Javascript
浅谈js里面的InttoStr和StrtoInt
2016/06/14 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
详解写好JS条件语句的5条守则
2019/02/28 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
python安装oracle扩展及数据库连接方法
2017/02/21 Python
用Python实现KNN分类算法
2017/12/22 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
Python2与Python3的区别点整理
2019/12/12 Python
在Python中使用K-Means聚类和PCA主成分分析进行图像压缩
2020/04/10 Python
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
教师读书活动总结
2014/05/07 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
Python的property属性详细讲解
2022/04/11 Python