透過jquery.cookie.js外掛程式可以快速實現「點擊取得驗證碼後60秒內禁止重新取得（防刷新）」的功能 效果圖： 先到官網（http://plugins.jquery.com/cookie/）下載cookie插件，放到對應資料夾，程式碼如下： 複製程式碼 程式碼如下: 範例標題> http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js" > <br /> * {保證金：0；填充：0； font-family: "微軟雅黑";}<br /> .captcha-box {寬度：360px;高度：34像素；邊距：30 像素；內邊距：30px；邊框：#956E6F 1px 虛線；邊框半徑：5px；背景顏色：#FAF2F2;}<br />}<br /> #mobile { 浮動：左；寬度：180px；高度：32像素；邊框：#e5e5e5 1px 實線；行高：32px；文字縮排：8px；大綱：無；}<br /> #getting {浮動：左；高度：34像素；左邊距：-1px；內邊距：0 18px；文字對齊：居中； 行高：34px；邊框：#e5e5e5 1px 實線；背景：線性漸變（0deg， #f4f2f2 0%，#fbf9f9 100%）；遊標：指標；大綱：無；}<br /> </風格><br /> <腳本><br /> $(函數(){<br /> /*仿刷新：偵測是否有cookie*/<br /> if($.cookie("驗證碼")){<br /> var count = $.cookie("驗證碼");<br /> var btn = $('#getting');<br /> btn.val(count '秒後可重新取得').attr('disabled',true).css('cursor','not-allowed');<br /> var 再寄送 = setInterval(function(){<br /> 數--；<br /> 若（數 > 0）{<br /> btn.val(count '秒後可重新取得').attr('disabled',true).css('cursor','not-allowed');<br />;<br />;<br />;<br />;<br /> $.cookie("驗證碼", count, {路徑: '/', 過期時間: (1/86400)*count});<br /> }否則{<br /> 清除間隔（重複傳送）；<br /> btn.val("取得驗證碼").removeClass('disabled').removeAttr('停用樣式');<br /> }<br /> }, 1000);<br /> }<br /> /*點選改變按鈕狀態，已簡單地掉落ajax傳送簡訊驗證的代碼*/<br /> $('#getting').click(function(){<br /> var btn = $(this);<br /> 變數計數 = 60;<br /> var 再寄送 = setInterval(function(){<br /> 數--；<br /> 若（數 > 0）{<br /> btn.val(count "秒後可重新取得");<🎜> $.cookie("驗證碼", count, {路徑: '/', 過期時間: (1/86400)*count});<🎜> }否則{<🎜> 清除間隔（重複傳送）；<🎜> btn.val("取得驗證碼").removeAttr('停用樣式');<🎜> }<br /> }, 1000);<br /> btn.attr('disabled',true).css('cursor','not-allowed');<br /> });<br /> });<br /> <br /> <br /> <body><br /> <div class="captcha-box"><br /> <input type="text" id="mobile" maxlength="11" placeholder="請輸入手機號碼"><br /> <input type="button" id="getting" value="取得驗證碼"><br />
