Jquery插件实现点击获取验证码后60秒内禁止重新获取_jquery

通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取（防刷新）”的功能

效果图：

先到官网（http://plugins.jquery.com/cookie/）下载cookie插件，放到相应文件夹，代码如下：

复制代码 代码如下:

<script><br /> $(function(){<br /> /*仿刷新：检测是否存在cookie*/<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 resend = setInterval(function(){<br /> count--;<br /> if (count > 0){<br /> btn.val(count+'秒后可重新获取').attr('disabled',true).css('cursor','not-allowed');<br /> $.cookie("captcha", count, {path: '/', expires: (1/86400)*count});<br /> }else {<br /> clearInterval(resend);<br /> btn.val("获取验证码").removeClass('disabled').removeAttr('disabled style');<br /> }<br /> }, 1000);<br /> }<br /> /*点击改变按钮状态，已经简略掉ajax发送短信验证的代码*/<br /> $('#getting').click(function(){<br /> var btn = $(this);<br /> var count = 60;<br /> var resend = setInterval(function(){<br /> count--;<br /> if (count > 0){<br /> btn.val(count+"秒后可重新获取");<br /> $.cookie("captcha", count, {path: '/', expires: (1/86400)*count});<br /> }else {<br /> clearInterval(resend);<br /> btn.val("获取验证码").removeAttr('disabled style');<br /> }<br /> }, 1000);<br /> btn.attr('disabled',true).css('cursor','not-allowed');<br /> });<br /> });<br /> </script>


   

       
       
   

以上就是本文的全部内容了，希望大家能够喜欢。