Angular可以启动计时器但无法停止它
创始人
2024-10-27 20:01:32
0

可以使用RxJS中的Interval Observable来代替原生的setInterval函数,并使用takeUntil操作符来停止计时器。 示例代码如下:

import { Component, OnDestroy } from '@angular/core'; import { interval, Subject } from 'rxjs'; import { takeUntil } from 'rxjs/operators';

@Component({ selector: 'app-counter', template: {{ counter }} }) export class CounterComponent implements OnDestroy { counter = 0; private interval$ = interval(1000); private stop$ = new Subject();

start() { this.interval$ .pipe(takeUntil(this.stop$)) .subscribe(() => { this.counter++; }); }

stop() { this.stop$.next(); this.stop$.complete(); this.counter = 0; }

ngOnDestroy() { this.stop$.next(); this.stop$.complete(); } }

在上面的代码中,我们定义了一个Interval Observable来代替setInterval函数,并在start函数中使用takeUntil操作符来停止计时器。我们还定义了一个stop$Subject来控制计时器应停止,并在stop函数中调用了next和complete方法以确保计时器被完全停止。我们也实现了ngOnDestroy接口以在组件销毁时停止计时器并清零计数器。

相关内容

热门资讯

七分钟了解!海南麻将琼瑶有挂吗... 七分钟了解!海南麻将琼瑶有挂吗,好运大菠萝有辅助(详细透视辅助app教程),支持语音通讯、好友开房及...
4分钟透明!白金岛三打哈怎么拿... 白金岛三打哈怎么拿好牌新手教程相关信息汇总(需添加指定薇757446909获取下载链接);4分钟透明...
4分钟教学!衡阳字牌免费辅助器... 4分钟教学!衡阳字牌免费辅助器,hm3德州辅助(详细透视辅助挂教程)关于衡阳字牌免费辅助器机制的,其...
一分钟规律!南通长牌辅助器,德... 这是一款非常优秀的南通长牌辅助器 ia辅助检测软件,能够让你了解到南通长牌辅助器中牌率当中全部隐藏参...
十分钟规律!财神十三张辅助神器... 十分钟规律!财神十三张辅助神器,德扑保险计算器(详细透视辅助助手教程)需要回顾用户提供的搜索结果,比...
六分钟教程!闲逸碰胡牌辅助器去... 六分钟教程!闲逸碰胡牌辅助器去哪里买,红龙扑克电脑模拟器(详细透视辅助脚本教程)是一款可以让一直输的...
九分钟辅助挂!都昌讨赏有挂吗,... 都昌讨赏有挂吗赢率提升策略‌;九分钟辅助挂!都昌讨赏有挂吗,德扑之星如何分别是否(详细透视辅助app...
五分钟攻略!米兔麻将有软件吗,... 五分钟攻略!米兔麻将有软件吗,aapoker发牌规律(详细透视辅助神器教程)1、不需要AI权限,帮助...
9分钟攻略!边锋老友棋牌脚本,... 9分钟攻略!边锋老友棋牌脚本,云扑克辅助器(详细透视辅助挂教程);超受欢迎的边锋老友棋牌脚本稳赢小游...
4分钟规律!白金岛游戏有猫腻吗... 4分钟规律!白金岛游戏有猫腻吗,wepoke德州扑克系统规律(详细透视辅助神器教程)1、玩家可以在白...