setTimeout()定时执行方法

best-徐

于 2019-05-22 15:06:14 发布

阅读量2.2w

点赞数 3

分类专栏： typescript 文章标签： javascript typescript setTimeout

本文链接：https://blog.csdn.net/qq_41248529/article/details/90444310

版权

typescript 专栏收录该内容

4 篇文章

订阅专栏

在项目里常需用到定时器，如做页面提示时，用户请求成功或失败会有反馈，但不能让反馈消息一直显示，因此可设置过2秒自动清除提示，在{handler}中执行方法，time指定执行时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做项目中经常要用到定时器，过多久执行什么方法，我这是做页面提示，当用户请求成功或失败时，给用户反馈，但是我们总不能让反馈消息一直显示在页面上，这样体验感也太难受了，所以我这里是过2秒就自动把提示清除

 setTimeout(() => {handler }, time);

在{handler}中执行你的方法，time是过多久执行

  readCollect() {
    this.hasDeviceId = false;
    this.sendSuccess = false;
    if (this.deviceId !== null) {
      console.log('readCollect: ' + this.deviceId);
      this.command = 'MCU32 ' + this.deviceId + ' Read';
      this.orderinfoService.sendCommand(this.deviceId, this.command).subscribe(result => {
          console.log('result:' + result);
          this.sendSuccess = true;
          this.reply = '读取采集结果' + result;
          setTimeout(() => {this.sendSuccess = false; }, 2000);
      });
    } else {
      this.hasDeviceId = true;
      setTimeout(() => {this.hasDeviceId = false; }, 2000);
    }
  }