jqueryのテクニック-ボタンをクリックしてから60秒後に再びクリックできます

1380 ワード

ボタンをクリックしてから60秒後に再びクリックできます
私たちは普段、認証コードを書くときに使う必要があります.クリックしてから何秒後に再びクリックできる需要があります.ここで私のやり方を共有します.これは最高の解決策ではありません.皆さん、教えてください.
この例ではjqueryとlayuiを適用します.

function captcha(e){ clickTime(e); var href="{:U('Login/setCode')}"; var tel=$('input[name="member_list_tel"]').val(); //ajax $.ajax({ url: href, context: document.body, data:{tel:tel}, success: function(data){ if(data.status){ alert(data.info); }else{ alert(data.info); } } }); } var wait=60; function clickTime(e) { var e=$(e); if (wait == 0) { e.onClick=captcha(); e.html(" "); e.removeClass(' layui-btn-disabled'); wait = 60; } else { e.unbind(); e.html(" (" + wait + ")"); e.addClass(' layui-btn-disabled'); wait--; setTimeout(function() { clickTime(e) }, 1000) } } $('#ver').click(function(){ captcha(this); });