javascript - ソースからのデバウンスをキャンセルする RXjs

Question

私は Rx を学んでいるので、Rx のメカニズムのいくつかをうまく理解できません。私がやりたいことは、コールバックで簡単に実行できますが、Rx を理解したいです。

だから私がしたいのは、イベント500ミリ秒でマウスをデバウンスしてUIインターフェイスを表示し、マウスアウトでそのインターフェイスを非表示にすることです。したがって、次のコードがあります。

var outStream = Rx.Observable.fromEventPattern(
          function add (h) {
            asset.events.onInputOut.add(function(){
                h('out');
            });
          }
        );

        var overStream = Rx.Observable.fromEventPattern(
          function add (h) {
            asset.events.onInputOver.add(function(e){
                h('over');
            });
          }
        ).debounce(500);


        var source = Rx.Observable.merge(overStream, outStream);

        source.subscribe(function (x) {
            console.log(x);
          });

私が欲しいのは次のようなものです:

.
.mouse over fired after 500ms
.mouseout
.
.mouse over
.mouse out fired before 500ms trigger cancel mouse over

道順が必要です。よろしくお願いします。