本文介绍了Angular 6 每 X 秒运行一个函数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
限时送ChatGPT账号..我有一个名为
opensnack(text) { ... };
使用给定的文本输入打开一个角度材料小吃店.
which is opening an angular material snackbar with the given text input.
我想做的是每 10 秒调用一次这个函数.
What I want to do is to call this function like every 10 seconds.
我该怎么做?
推荐答案
使用 interval
来自 rxjs
方法如下:
import { interval, Subscription } from 'rxjs';
subscription: Subscription;
...
//emit value in sequence every 10 second
const source = interval(10000);
const text = 'Your Text Here';
this.subscription = source.subscribe(val => this.opensnack(text));
...
ngOnDestroy() {
this.subscription.unsubscribe();
}
或者,您可以使用 setInterval
可用作 Window 对象的方法.所以你不需要导入任何东西来使用它.
Alternatively, you can use setInterval
which is available as method on the Window Object. So you don't need to import anything to use it.
intervalId = setInterval(this.opensnack(text), 10000);
...
ngOnDestroy() {
clearInterval(this.intervalId);
}
这是一个SAMPLE STACKBLITZ 供您参考.
Here's a SAMPLE STACKBLITZ for your ref.
这篇关于Angular 6 每 X 秒运行一个函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论