jQuery验证码发送时间秒递减(刷新存储cookie)
2016-09-21 16:03
357 查看
<input id="sendEmail" type="button" name="sendEmail" onclick="show()" value="发送" style="cursor:pointer; width:218px;margin-left:3px;text-indent:0;text-align:center;margin-top:10px;"/>
function writeCookie(name, value, timeNum) {//把当前发送的时间写入cookie var expire = ""; if (timeNum != null) { expire = new Date((new Date()).getTime() + timeNum);//设置有效时间段(当前时间+设置的有效时间长度) expire = "; expires=" + expire.toGMTString();//这里分号是为与前面的拼接需要"name=xxx;expires=yyy" } document.cookie = name + "=" + escape(value) + expire + ";path=/"; } function readCookie(name) {//读取cookie中名称等于name的值 var cookieValue = ""; var search = name + "="; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search); if (offset != -1) { offset += search.length; end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; cookieValue = (document.cookie.substring(offset, end)) } } return cookieValue; } var tipId; function show() { writeCookie("daTime", (new Date()).getTime(), 60000) tipId = window.setInterval("start()", 1000); } $(function () { var tt = parseInt(((new Date()).getTime() - readCookie("daTime")) / 1000); if (tt < 60) { tipId = window.setInterval("start()", 1000); var vv = "(" + parseInt(60 - tt) + ")秒后重新发送"; $("#sendEmail").attr("disabled", "disabled"); $("#sendEmail").attr("value", vv); } }) function start() { var tt = parseInt(((new Date()).getTime() - readCookie("daTime")) / 1000); if (tt < 60) { var vv = "(" + parseInt(60 - tt) + ")秒后重新发送"; $("#sendEmail").attr("disabled", "disabled"); $("#sendEmail").attr("value", vv); } else { $("#sendEmail").removeAttr("disabled"); $("#sendEmail").attr("value", "发送"); window.clearInterval(tipId); } }
相关文章推荐
- jquery实现验证码发送以及验证码的有效时间30分钟实现方式
- jquery发送手机 验证码倒计时插件 支持页面刷新
- 基于cookie实现发送短信验证码后的倒计时功能(无视页面刷新)
- jquery实现验证码发送以及验证码的有效时间30分钟实现方式
- 【Cookie:默认存储在浏览器的内存中】显示上一次访问时间、商品浏览记录
- Jquery实现无刷新验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- Jquery实现无刷新验证码
- jquery实现无刷新验证码
- jquery实现手机发送验证码的倒计时代码
- struts2的验证码及利用jquery发送ajax请求并利用json做数据交换
- 不刷新页面jQuery模糊搜索,第二种实现---js全局变量存储数据
- php利用cookie防止在规定时间内刷新
- Jquery 登陆页面 Cookie记住用户名密码 (可设定保存时间)
- jquery 对 cookie存储 json格式的简单操作
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- Jquery实现无刷新验证码
- Jquery实现无刷新验证码
- jquery 的时间定时刷新
- JQuery 刷新验证码实现程序