构建一个类似于expedia的滑出功能框

Question

我正在尝试在我的网站上构建一个幻灯片功能框（类似于expedia），在2秒后动画，保持可见几秒钟，然后再次隐藏。然后我想第二次用不同的文字再次出现。我已经尝试通过检查元素的位置来制作这个游戏，但无济于事。

HTML：

<div class="viewer">
    <span class="top">Others Are Viewing This Deal</span>
</div>

JS：

if ($('.viewer').position().left === -280) {
    $('.viewer').delay(2000).animate({left: '0'}, 1000, 'linear');
    $('.dealViewers .top').prepend(randomViews + " ");
}
else {
    $('.viewer').delay(4000).animate({ left: '-280'}, 1000, 'linear');
}