我们希望实现下面这个效果,当点击"发送验证码"时,就会出现60s倒计时
![](/i/l/?n=23&i=blog/2506674/202302/2506674-20230208220644247-500075097.png)
js代码如下:
![](/i/l/?n=23&i=blog/2506674/202302/2506674-20230208220722952-1010734312.png)
其中setTimeout(val1,val2)是js的一个定时器,val1是一个字符串,val2是间隔时间(单位:ms)
但是,当我们多次点击时,会发现倒计时速度加快,这是因为我们启动了多个倒计时。因此当我们处于倒计时时,再次点击不能产生效果
修改如下:
当我们第一次点击时,加上一个class值,如果有class值,就不执行,否则执行