js实现发送验证码后的倒计时功能_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:38:54

js实现发送验证码后的倒计时功能_javascript技巧

js实现发送验证码后的倒计时功能_javascript技巧:之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用特别说明: cookie最初创建的有效时间是60秒.也就是

推荐度：

点击下载本文 文档为doc格式

导读js实现发送验证码后的倒计时功能_javascript技巧:之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用特别说明: cookie最初创建的有效时间是60秒.也就是

之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用

特别说明:

cookie最初创建的有效时间是60秒.也就是说,你如果在倒计时为20的时候,关闭网页.20秒之后再打开,是不会有倒计时显示的;但是,如果倒计时为20时,关闭页面,如果在20秒内重新打开页面,是有倒计时显示的.

html代码

js对cookie的操作

//发送验证码时添加cookie
function addCookie(name,value,expiresHours){ 
 var cookieString=name+"="+escape(value); 
 //判断是否设置过期时间,0代表关闭浏览器时失效
 if(expiresHours>0){ 
 var date=new Date(); 
 date.setTime(date.getTime()+expiresHours*1000); 
 cookieString=cookieString+";expires=" + date.toUTCString(); 
 } 
 document.cookie=cookieString; 
} 
//修改cookie的值
function editCookie(name,value,expiresHours){ 
 var cookieString=name+"="+escape(value); 
 if(expiresHours>0){ 
 var date=new Date(); 
 date.setTime(date.getTime()+expiresHours*1000); //单位是毫秒
 cookieString=cookieString+";expires=" + date.toGMTString(); 
 } 
 document.cookie=cookieString; 
} 
//根据名字获取cookie的值
function getCookieValue(name){ 
 var strCookie=document.cookie; 
 var arrCookie=strCookie.split("; "); 
 for(var i=0;i

主要逻辑代码

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

js实现发送验证码后的倒计时功能_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： js 发送验证码倒计时

热门焦点

js实现发送验证码后的倒计时功能_javascript技巧

js实现发送验证码后的倒计时功能_javascript技巧

js实现发送验证码后的倒计时功能_javascript技巧

最新推荐

猜你喜欢

热门推荐