Javascript 暂停递归jquery滚动文本动画

我编写了一个jQuery动画，它向上滑动文本以创建垂直滚动效果，然后滚动回原始位置并重新开始。
滚动动画工作正常，但我不知道如何让动画在悬停时暂停，在鼠标移出时恢复。 我正在尝试为CSS3动画创建回退

以下是我到目前为止所拥有的JSFIDLE：

下面是一个更新的提琴，显示了我认为这是如何工作的：

更新代码：

$(document).ready(function(){  
    function scroll(){
       $("#scrollBox").hover(function(){
          $("#scrollBox").stop();
          window.clearInterval(scrollInterval);
       });
        var x = 0;
        var scrollInterval = setInterval(function() {
        $("#scrollBox").delay(2000).animate({top:"-=30"}, 1000);
            if (++x === 2) {
                window.clearInterval(scrollInterval);
                $("#scrollBox").delay(2000).animate({top:"0px"}, 1000);
                scroll();
            }
        }, 500);
    };
    scroll();
});

---

setInterval需要两个参数，回调函数和时间间隔。您没有提供时间间隔。这个错误是只存在于JSFIDLE中，还是也存在于主代码中？你能修好JSFIDLE吗？@msound，谢谢你指出这一点。JSFIDLE已经更新了。看这里：可能正在变暖？？

$(document).ready(function(){  
    function scroll(){
       $("#scrollBox").hover(function(){
          $("#scrollBox").stop();
          window.clearInterval(scrollInterval);
       });
        var x = 0;
        var scrollInterval = setInterval(function() {
        $("#scrollBox").delay(2000).animate({top:"-=30"}, 1000);
            if (++x === 2) {
                window.clearInterval(scrollInterval);
                $("#scrollBox").delay(2000).animate({top:"0px"}, 1000);
                scroll();
            }
        }, 500);
    };
    scroll();
});