首页 > 其他分享 >74、商城业务---认证服务---验证码倒计时

74、商城业务---认证服务---验证码倒计时

时间:2023-02-08 22:22:36浏览次数:41  
标签:倒计时 验证码 --- 点击 74 val2 val1

我们希望实现下面这个效果,当点击"发送验证码"时,就会出现60s倒计时

js代码如下:

其中setTimeout(val1,val2)是js的一个定时器,val1是一个字符串,val2是间隔时间(单位:ms)
但是,当我们多次点击时,会发现倒计时速度加快,这是因为我们启动了多个倒计时。因此当我们处于倒计时时,再次点击不能产生效果

修改如下:
当我们第一次点击时,加上一个class值,如果有class值,就不执行,否则执行

标签:倒计时,验证码,---,点击,74,val2,val1
From: https://www.cnblogs.com/morehair/p/17103559.html

相关文章

  • drf从入门到精通---day08
    昨日回顾#1认证的使用 -有些接口需要登录后才能访问-原生djagno如何使用的认证:auth的user表,auth自带了认证-自己登录,使用自定义的用户表-认证类的使用......
  • 第2课、Pytest自定义前置后置-fixture简单应用
        test_pytest1.py:  运行的时候鼠标放在类上才能运行全部用例importpytestclassTestCase():deftest_case_01(self):num=1+1......
  • openwrt开发使用-wifi命令配置开发
    前言今天分享的内容是openwrt里面wifi的开发常用操作。作者:良知犹存转载授权以及围观:欢迎关注微信公众号:羽林君或者添加作者个人微信:become_meOpenWrt简单命令配置......
  • 【.NET 8】ASP.NET Core计划 - 支持更完善的AOT发布
    .NET7.0刚发布不久,.NET社区开始了.NET8.0的开发,重心重新回到了新功能的迭代。我们知道在.NET7.0中一个令人激动的特新就是支持了NativeAOT,我们可以通过NativeAOT生成本机......
  • 正则表达式-(4)匹配模式
    所谓匹配模式,指的是正则中一些改变元字符匹配行为的方式,比如匹配时不区分英文字母大小写。常见的匹配模式有4种,分别是不区分大小写模式、点号通配模式、多行模式和注释模......
  • DRF - 认证,权限,频率源码分析、异常统一处理
    目录1.原生django的cookie+session认证底层原理2.断点调试3.认证,权限,频率源码分析1.权限的源码执行流程(1)APIView的dispatch中-3大认证(2)APIView的initial-3大认证(3)执......
  • 2.6-2.8
    前两天鸽掉了,今天写在一起吧。ZROI2521数正方体考场上观察出了结论,设三个视图大小分别为\(a,b,c\)钦定满足\(a\leqb\leqc\),能被摆出当且仅当\(ab\geqc\)。正......
  • Mybatis-Plus 之BaseMapper 方法详解
    packagecom.itheima.dao;importcom.baomidou.mybatisplus.core.conditions.Wrapper;importcom.baomidou.mybatisplus.core.metadata.IPage;importcom.baomidou.my......
  • 附录E示例-项目设置_1
    示例概述意图此场景封装了使用正确单元和项目上下文设置的模型。-它将项目单位设置为国际单位制或基于换算的单位。-它包含一个GUID为2DAvEupIz0HQr73cMaawtY的项目“Boi......
  • drf-三大认证源码分析、基于APIView编写分页、异常处理
    1.权限源码分析1.APIView源码497行:self.initial(request,*args,**kwargs)中进行了三大认证。2.在initial的源码中,以下三行代码是进行三大认证的代码:se......