Jquery 플러그인은 인증코드 획득 클릭 후 60초 이내에 재획득 금지를 구현합니다_jquery

jquery.cookie.js 플러그인을 사용하면 "인증코드 획득 클릭 후 60초 이내에 재획득 금지(새로고침 방지)" 기능을 빠르게 구현할 수 있습니다.

렌더링:

먼저 공식 홈페이지( http://plugins.jquery.com/cookie/ )에 접속하여 쿠키 플러그인을 다운로드한 후 해당 폴더에 넣어주시면 됩니다.

코드 복사 코드는 다음과 같습니다.

예 http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js " > * {마진: 0; 패딩: 0; 글꼴 계열: "Microsoft Yahei";} .captcha-box {너비: 360px; 높이: 34px; 여백: 30px; 패딩: 30px; 테두리: #956E6F 1px 점선; 테두리 반경: 5px; 배경색: #FAF2F2;} #mobile { 부동: 왼쪽; 너비: 180px; 높이: 32px; 테두리: #e5e5e5 1px 솔리드; 줄 높이: 32px; 텍스트 들여쓰기: 8px; 개요: 없음;} #geting {float: 왼쪽; 높이: 34px; 여백 왼쪽: -1px; 패딩: 0 18px; 텍스트 정렬: 중앙; 줄 높이: 34px; 테두리: #e5e5e5 1px 솔리드; 배경: 선형 그라데이션(0deg, #f4f2f2 0%,#fbf9f9 100%); 커서: 포인터; 개요: 없음;}

$(함수(){ /*仿刷新：检测是否存재쿠키*/ if($.cookie("captcha")){ var count = $.cookie("captcha"); var btn = $('#getting'); btn.val(count '秒后可重新获取').attr('disabled',true).css('cursor','not-allowed'); var 재전송 = setInterval(function(){ 카운트--; if (개수 > 0){ btn.val(count '秒后可重新获取').attr('disabled',true).css('cursor','not-allowed'); $.cookie("captcha", count, {경로: '/', 만료: (1/86400)*count}); }그밖에 { ClearInterval(재전송); btn.val("获取验证码").removeClass('disabled').removeAttr('disabled style'); } }, 1000); } /*点击改变按钮状态，已经简略掉ajax发送短信验证的代码*/ $('#getting').click(function(){ var btn = $(this); 변수 개수 = 60; var 재전송 = setInterval(function(){ 카운트--; if (개수 > 0){ btn.val(count "秒后可获取"); $.cookie("captcha", count, {경로: '/', 만료: (1/86400)*count}); }그밖에 { ClearInterval(재전송); btn.val("获取验证码").removeAttr('비활성화된 스타일'); } }, 1000); btn.attr('disabled',true).css('cursor','not-allowed'); }); });