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

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

效果图：

先到官网(http://plugins.jquery.com/cookie/)下载甜饼干插件，放到相应文件夹，代码如下：

复制代码代码如下：DOCTYPE html html towneta charset=' utf-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 ' title示例/title meta name=' description ' content=' meta name=' keywords ' content=' script src=' http :http://apps。bdimg。com/libs/jquery/1。11 .1/jquery。量滴js '/script script src=' http 3360 jquery cookie .padd : 0；字体系列： '微软雅黑；} .验证码-box { width : 360 px；height : 34 pxmargin : 30 pxpadding : 30 pxborder : # 956 e6f 1px虚线；边界半径： 5px背景-color : # faf2f 2；} # mobile {左侧浮动： }宽度： 180像素；height : 32px border : # e5e5e 5 1px固体；线高： 32px文本-缩进： 8px大纲：无；} #向左移动{ float:height: 34px左边距：-1px；padding: 0 18px文本对齐：中心；线高： 34pxborder: #e5e5e5 1px固体；背景技术：线性渐变(0度，# f4f 2 0%，# fbf 9 f 9 100%)；光标：指针；大纲：无；}/stylescript $(function(){ /*仿刷新：检测是否存在cookie*/if($ .cookie('验证码){ var count=$ .cookie('验证码');var BTN=$(' # get ')；btn.val(计数)秒后可重新获取').attr('禁用'，真).css(“”光标','不允许');var resend=setInterval(function(){ count-；如果(计数0){ btn.val(计数)秒后可重新获取').attr('禁用'，真).css(“”光标','不允许');$.cookie('验证码'，计数，{path: '/'，过期：(1/86400)*计数});}else { clearInterval(重新发送);btn.val('获取验证码').removeClass(“”已禁用')。removeAttr(“”禁用的样式');} }, 1000);} /*点击改变按钮状态，已经简略掉创建交互式、快速动态网页应用的网页开发技术发送短信验证的代码*/$(“# get”).点击(function(){ var BTN=$(this)；定义变量计数=60;var resend=setInterval(function(){ count-；如果(计数0){ btn.val(计数)秒后可重新获取');$.cookie('验证码'，计数，{path: '/'，过期：(1/86400)*计数});}else { clearInterval(重新发送);btn.val('获取验证码').removeAttr(“”禁用的样式');} }, 1000);btn.attr(禁用，真).css(“”光标','不允许');});});/script/head body div class=' captcha-box '输入类型=' text ' id=' mobile ' maxlength=' 11 '占位符='请输入手机号码输入类型=' button ' id=' get ' value='获取验证码/div/body/html

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