jquery.cookie.js 플러그인을 사용하면 "인증코드 획득 클릭 후 60초 이내에 재획득 금지(새로고침 방지)" 기능을 빠르게 구현할 수 있습니다. 렌더링: 먼저 공식 홈페이지(http://plugins.jquery.com/cookie/)에 접속하여 쿠키 플러그인을 다운로드한 후 해당 폴더에 넣어주시면 됩니다. 코드 복사 코드는 다음과 같습니다. 예 http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js</a>" > <br> * {마진: 0; 패딩: 0; 글꼴 계열: "Microsoft Yahei";}<br> .captcha-box {너비: 360px; 높이: 34px; 여백: 30px; 패딩: 30px; 테두리: #956E6F 1px 점선; 테두리 반경: 5px; 배경색: #FAF2F2;}<br> #mobile { 부동: 왼쪽; 너비: 180px; 높이: 32px; 테두리: #e5e5e5 1px 솔리드; 줄 높이: 32px; 텍스트 들여쓰기: 8px; 개요: 없음;}<br> #geting {float: 왼쪽; 높이: 34px; 여백 왼쪽: -1px; 패딩: 0 18px; 텍스트 정렬: 중앙; 줄 높이: 34px; 테두리: #e5e5e5 1px 솔리드; 배경: 선형 그라데이션(0deg, #f4f2f2 0%,#fbf9f9 100%); 커서: 포인터; 개요: 없음;}<br> </스타일><br> <br> $(함수(){<br> /*仿刷新：检测是否存재쿠키*/<br> if($.cookie("captcha")){<br> var count = $.cookie("captcha");<br> var btn = $('#getting');<br> btn.val(count '秒后可重新获取').attr('disabled',true).css('cursor','not-allowed');<br> var 재전송 = setInterval(function(){<br> 카운트--;<br> if (개수 > 0){<br> btn.val(count '秒后可重新获取').attr('disabled',true).css('cursor','not-allowed');<br> $.cookie("captcha", count, {경로: '/', 만료: (1/86400)*count});<br> }그밖에 {<br> ClearInterval(재전송);<br> btn.val("获取验证码").removeClass('disabled').removeAttr('disabled style');<br> }<br> }, 1000);<br> }<br> /*点击改变按钮状态，已经简略掉ajax发送短信验证的代码*/<br> $('#getting').click(function(){<br> var btn = $(this);<br> 변수 개수 = 60;<br> var 재전송 = setInterval(function(){<br> 카운트--;<br> if (개수 > 0){<br> btn.val(count "秒后可获取");<br> $.cookie("captcha", count, {경로: '/', 만료: (1/86400)*count});<br> }그밖에 {<br> ClearInterval(재전송);<br> btn.val("获取验证码").removeAttr('비활성화된 스타일');<br> }<br> }, 1000);<br> btn.attr('disabled',true).css('cursor','not-allowed');<br> });<br> });<br> <br> </머리><br> <br> <div class="captcha-box"><br> <input type="text" id="mobile" maxlength="11" placeholder="휴대폰 번호를 입력하세요"><br> <input type="button" id="getting" value="인증 코드 받기"><br> </div><br> </본문><br> </div>
