js 利用localStorage限制重复获取验证码

定义:

localStorage是将session永久存储在本地

用法:

localStorage.setItem("key", "value");  //保存session
localStorage.getItem('key'); //获取key字段的session
localStorage.remove('key'); //删除key字段的session
localStorage.clear();  //清除所以本地session

通过js实现验证码获取限制:(60s内只能获取一次)

实现原理:

当成功获取验证码时的时间戳用localStorage方法存入本地session中,当再次点击获取验证码时,就用当前的时间戳减去上次获取成功获取验证码的时间戳,如果值小于60s,则抛出错误退出点击事件。如果值大于60s,才能将请求发送到后端获取验证码。

具体实现代码:

//执行获取验证码点击事件
$('#getcode').click(function () {
   //判断是否已经获取过验证码,如果session不为空,则判断session是否过期
   if(localStorage.getItem('time') != null){
       //获取当前时间戳
       var currenttime=new Date().getTime();
       //验证当前时间戳减去上次成功获取验证码的时间戳是否小于60s
       isexpire = (currenttime - localStorage.getItem('t
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值