快捷導航

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

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

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

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

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

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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

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