RxJS - 實用運算子 observeOn

此運算子基於輸入計劃器，將重新發出來自源的可觀測的通知。

語法

observeOn(scheduler): Observable

引數

scheduler - 排程程式用作輸入，幫助重新發出來自源可觀測的通知。

返回值

它將返回一個與源可觀測相同，但具有排程程式引數的可觀測。

示例

import { interval } from 'rxjs';
import { observeOn } from 'rxjs/operators';
import { animationFrameScheduler } from 'rxjs';

let testDiv = document.getElementById("test");
const intervals = interval(100);
let case1 = intervals.pipe(
   observeOn(animationFrameScheduler),
);
let sub1 = case1.subscribe(val => {
   console.log(val);
   testDiv.style.height = val + 'px';
   testDiv.style.width = val + 'px';
});

輸出

列印頁面