RxJS - How to incrementally increase the delay time without using interval?

可紊 提交于 2021-01-20 09:24:30

问题


I want to incrementally increase the delay for this:

const source = from(839283, 1123123, 63527, 4412454); // note: this is random
const spread = source.pipe(concatMap(value => of(value).pipe(delay(1000)))); // how to incrementally increase the delay where the first item emits in a second, the second item emits in three seconds, the third item emits in five seconds, and the last item emits in seven seconds.
spread.subscribe(value => console.log(value));

I'm aware of using interval to incrementally increase the delay time as below. But I also need to consume this source const source = from(839283, 1123123, 63527, 4412454);

const source = interval(1000); // But I also need to use have this from(839283, 1123123, 63527, 4412454)
const spread = source.pipe(concatMap(value => of(value).pipe(delay(value * 200))));
spread.subscribe(value => console.log(value

How to incrementally increase the delay time when starting with const source = from(839283, 1123123, 63527, 4412454); ?


回答1:


You can use the index of the emitted value and calculate the delay based on that.

concatMap((value, index) => {
  return of(value).pipe(delay((index > 2 ? 7 : index) * 1000));
})

Here is a stackblitz for a complete example with your snippet: https://stackblitz.com/edit/rxjs-jjmlta?devtoolsheight=60



来源:https://stackoverflow.com/questions/64625561/rxjs-how-to-incrementally-increase-the-delay-time-without-using-interval

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!