Rxjs debounceTime on Subject创建延迟而不是去抖动

Question

我正在尝试创建可以在点击按钮时启动动画的主题，我不希望用户能够在最后一个动画尚未完成时调用它。

    construcotor(...){
    this.shuffleBackwardAnimationSubject = new Subject();
    }
     ngAfterViewInit(): void {
            this.shuffleForwardAnimationSubject
                .debounceTime(shuffleAnimationTime)
                .subscribe(
                    () => {
                        let products = this.getNextProducts();
                        this.orientation = 'forward';
                        this.cardsGroups.shift();
                        this.cardsGroups.push(products);
                    },
                    (error) => {
                        console.log(error);
                    });
        }
                    <img id="right-scroller"
                         class="scroller"
                         (click)="shuffleForwardAnimationSubject.next()"
                         [src]="rightChevronUrl"/>

我的问题是，它不仅会阻止新动画启动，还会在没有动画运行时产生延迟。