angular - 主题上的 Rxjs debounceTime 创建延迟而不是 debounce

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"/>

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