DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery實現數秒後自動提交form的方法
jQuery實現數秒後自動提交form的方法
編輯:JavaScript綜合知識     

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

   

本文實例講述了jqury實現數秒後自動提交form的方法。分享給大家供大家參考。具體如下:

很多下載網站都設置了此代碼,下載按鈕數秒,數完後,可以點擊提交
制作很簡單:

1. js部分代碼如下:

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <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部分代碼如下:

? 1 2 3 4 <form action="/action/download" method="post" id="formDownload"> Wait <span id="jumpNum"></span> seconds <input type="button" onclick="jump(30,"#formDownload");" /> </form>

希望本文所述對大家的jQuery程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved