首页 > web前端 > js教程 > 正文

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

php中文网
发布: 2016-05-16 16:09:43
原创
1703人浏览过

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

效果图:

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

闪念贝壳
闪念贝壳

闪念贝壳是一款AI 驱动的智能语音笔记,随时随地用语音记录你的每一个想法。

闪念贝壳 218
查看详情 闪念贝壳

复制代码 代码如下:






Examples





<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>


   

       
       
   




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

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号