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 相关文章推荐
如何在Web页面上直接打开、编辑、创建Office文档
Mar 12 Javascript
Extjs入门之动态加载树代码
Apr 09 Javascript
JQuery Dialog的内存泄露问题解决方法
Jun 18 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
通过jQuery源码学习javascript(一)
Dec 27 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
JavaScript的Vue.js库入门学习教程
May 23 Javascript
jquery取消事件冒泡的三种方法(推荐)
May 28 Javascript
JavaScript数组去重的6个方法
Jan 21 Javascript
jquery仿京东侧边栏导航效果
Mar 02 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
JavaScript 判断浏览器是否是IE
Feb 19 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
人大复印资料处理程序_补充篇
2006/10/09 PHP
台湾中原大学php教程孙仲岳主讲
2008/01/07 PHP
php strtotime 函数UNIX时间戳
2009/01/14 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(七)
2014/06/23 PHP
thinkphp3.2.3 分页代码分享
2016/07/28 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
PDO::commit讲解
2019/01/27 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
2015/06/19 Javascript
谈谈javascript中使用连等赋值操作带来的问题
2015/11/26 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
Python中获取对象信息的方法
2015/04/27 Python
Python反射用法实例简析
2017/12/22 Python
微信跳一跳python代码实现
2018/01/05 Python
Python对List中的元素排序的方法
2018/04/01 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
肯尼亚网上商城:Kilimall
2016/08/20 全球购物
在加拿大在线租赁和购买电子游戏:Game Access
2019/09/02 全球购物
国培计划培训感言
2014/03/11 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
批评与自我批评总结
2014/10/17 职场文书
应急管理工作总结2015
2015/05/04 职场文书
幽默导游词应该怎么写?
2019/08/26 职场文书