快捷導(dǎo)航

jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法

更新時(shí)間：2015年03月05日 11:13:24 投稿：shichen2014

這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法,實(shí)例分析了jQuery實(shí)現(xiàn)form表單延時(shí)提交的技巧,需要的朋友可以參考下

本文實(shí)例講述了jqury實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法。分享給大家供大家參考。具體如下：

很多下載網(wǎng)站都設(shè)置了此代碼，下載按鈕數(shù)秒，數(shù)完后，可以點(diǎn)擊提交
制作很簡單：

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>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery Validate插件ajax方式驗(yàn)證輸入值的實(shí)例
下面小編就為大家分享一篇jQuery Validate插件ajax方式驗(yàn)證輸入值的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法
這篇文章主要給大家介紹了關(guān)于Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法,文章通過實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2023-06-06
JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例
下面小編就為大家?guī)硪黄狫Query 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
初試jQuery EasyUI 使用介紹
想必關(guān)注jQuery的同學(xué)們對(duì)jQuery EasyUI已經(jīng)有所耳聞了，目前已經(jīng)更新到1.0.5版本，風(fēng)格與EXTJS有點(diǎn)相似，可以很好的滿足開發(fā)人員對(duì)UI的需求。
2010-04-04
jQuery使用Layer彈出層插件閃退問題
這篇文章主要介紹了jQuery使用Layer彈出層插件遇到的閃退問題,需要的朋友可以參考下
2016-12-12
jquery mobile移動(dòng)端幻燈片滑動(dòng)切換效果
這篇文章主要為大家詳細(xì)介紹了jquery mobile移動(dòng)端幻燈片滑動(dòng)切換效果，實(shí)現(xiàn)滑動(dòng)切換和點(diǎn)擊切換，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery中each方法的使用詳解
each() 方法規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。這篇文章主要給大家介紹jQuery中each方法的使用詳解，需要的朋友參考下吧
2018-03-03
jquery過濾特殊字符'',防sql注入的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query過濾特殊字符',防sql注入的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
Jquery Easyui表單組件Form使用詳解（30）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui表單組件Form的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
基于jQuery的圖片剪切插件
網(wǎng)頁應(yīng)用程序需要對(duì)豐富的內(nèi)容提供簡單易用的上傳和操作方式，但是這樣會(huì)給只有少數(shù)圖片處理技能的用戶造成很大的困難。圖片剪切是最基本的圖片處理技術(shù)，這個(gè)詳細(xì)的教程將包括在jQuery庫上創(chuàng)建此參加的每一個(gè)步驟。
2011-08-08