定时器相关

布满荆棘的人生 2022-02-14 12:45 115阅读 0赞

###### *最新更新时间：2019年04月26日11:07:41* ######

#### [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] ####

> 本文内容：关于定时器的相关使用场景

#### 前端定时任务 ####

//2019年4月1日凌晨之后不显示某些UI
    //new Date('2019-04-04T16:00:00.000Z')
    let timeout = false;//
    let futureTime = 1554048000000;//2019年4月1日凌晨的13位时间戳
    //new Date().getTime() 当前的13位时间戳
    if (new Date().getTime() - futureTime > 0){ 
    	timeout = true
    }

#### 获取手机验证码并且60s后可以重新获取 ####

> 背景：当到了具体某一天的某个时间点，用户访问网站会看到不同的界面，

//定义定时器
    let timer1 = null;
    let hasSendCode = false
    let cellphoneNumber = 13679296931
    let codeFromServer = ''
    let countdown = 60;
    //用户点击获取验证码按钮
    getTelCode: function(){ 
        let _this = this;
        //验证码已发出，倒计时未完成
        if (hasSendCode){ 
          //console.log('验证码已发出，倒计时未完成')
          return
        }
        //手机号校验 发送验证码接口
        let reg = /^1(3|4|5|7|8)[0-9]\d{8}$/;
        if (!reg.test(cellphoneNumber)) { 
          //不是正确的11位手机号码
        }else{ 
          //发送http请求 http成功回调
          codeFromServer = '123456';
          //开启倒计时UI
          hasSendCode = true
          //开启定时器
          timer1 = setInterval(function(){ 
          	countdown--
            if (countdown < 0) { 
              //关闭倒计时UI
              hasSendCode = false
              countdown = 60
              //关闭定时器
              clearInterval(timer1);
            }
          },1000);
        }
      },

#### 参考资料 ####

*  无

> 感谢阅读，欢迎评论^-^

## [`打赏我吧^-^`][-] ##

[-_-]: https://blog.csdn.net/wanshaobo888/article/details/79179440
[-]: https://blog.csdn.net/wanshaobo888/article/details/86249460