萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jQuery實現數秒後自動提交form的方法

jQuery實現數秒後自動提交form的方法

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

copyright © 萬盛學電腦網 all rights reserved