這篇文章主要介紹了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程序設計有所幫助。