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