javascript函数中的两个单独延迟

Question

我在网站上制作动画文字，以便应用某个类来改变其不透明度和字体大小，在设定的句点后删除字体大小类，在其上留下不透明度类。

（Font class = expanderFade，Opacity class = serviceDisplay）

这一切都很好但我需要设置一个方法，这样一旦动画完成（有13个单独的项目被褪色），将从元素中删除serviceDisplay类，导致它在动画循环之前再次被隐藏。

代码原样：

$('.bannerTexts1').delay(1000).queue(function(){
    $(this).addClass("expanderFade serviceDisplay").clearQueue();
    $('.bannerTexts1').delay(2000).queue(function(){
          $(this).removeClass("expanderFade").clearQueue();
    });
});

我也尝试了以下内容：

$('.bannerTexts1').delay(1000).queue(function(){
    $(this).addClass("expanderFade serviceDisplay").clearQueue();
    $('.bannerTexts1').delay(2000).queue(function(){
          $(this).removeClass("expanderFade").clearQueue().delay(2000).removeClass('serviceDisplay');
    });
});

刚刚与第一堂课同时删除了它。我也尝试在相同的结构之后创建另一个函数，但只是删除了类而没有先前添加的类代码。

我有点不确定如何在不同时间有两个单独的延迟来正确删除这两个类。

非常感谢任何帮助。