自动水平滚动-jQuery

Question

我一直在不懈地研究以找到适合自己需要的代码，希望我能在这里找到一些帮助。

我几乎有需要的东西，当悬停或单击时，有2个按钮（向左和向右）可以向任一方向滚动。但是，我不喜欢每次用户想要滚动按钮时都必须重新单击该按钮或将鼠标悬停在该按钮上。我能否以某种方式将函数转换为循环，以便当用户单击或将鼠标悬停在按钮上时，它将连续滚动直到div结束？

甚至更好的是，一个恒定的循环将在div结束时重新启动div。

到目前为止，我已经提出了这个建议：https://jsfiddle.net/hazeldeals/L58xh2gd/17/

我不太精通Java或jQuery，这是我最大的问题，因此，我们将不胜感激。谢谢你高级：）。

P.S。对不起divs中的所有其他类，我使用的是wordpress。

请检查注释以使用的班级名称。

$('.right-scroll').on('click mouseover', function() {
  event.preventDefault();
  $('.scroller').animate({
    scrollLeft: "+=600px"
  }, "slow");
});

$('.left-scroll').on('click mouseover', function() {
  event.preventDefault();
  $('.scroller').animate({
    scrollLeft: "-=600px"
  }, "slow");
});