Javascript 试图修复我的错误

我正在制作一个从右到左的幻灯片文本，但当它在左侧移动时，请停止移动并重新开始…我希望它永远不会停止从右到左的移动。。这是我的密码

function change_left() {
$('#slide12').removeClass('slide-right').addClass('slide-left');
}

function change_right() {
$('#slide12').removeClass('slide-left').addClass('slide-right');

}

function to_left() {
setInterval(change_left, 5000);

};

function to_right() {
setInterval(change_right, 5000);
};
to_left();
to_right()

---

您可以使用css来实现这一点

HTML

<div class="display">
<div class="moving-text">
Moving...
</div>
</div>

您可以更改动画：leftright5s无限；使用“right left”或“both”

---

这是JSFIDLE，您可以使用css。不需要jquery

body{margin:20px；}
马奎尔先生{
高度：25px；
宽度：420px；
溢出：隐藏；
位置：相对位置；
}
.字幕组{
显示：块；
宽度：200%；
高度：30px；
位置：绝对位置；
溢出：隐藏；
动画：字幕5s线性无限；
}
.帐篷跨度{
浮动：左；
宽度：50%；
}
@关键帧选框{
0%{左：0；}
100%{左：-100%；}
}

宝贝，你把我转过来。就像一张唱片，宝贝。
宝贝，你把我转过来。就像一张唱片，宝贝。

你想让它在到达左边后再回到右边吗？不，在句子结束前停止移动，然后消失在右边。问题是什么？老兄，你是谁awasome@hry谢谢你，伙计。别忘了标记为答案。我在哪里可以标记为答案？投票后，此答案的左侧有勾号。单击我答案开头的勾号。左侧->后<2>箭头

.display{
  width:100%;
  height:100px;
  background:#000000;
  position:relative;
  overflow:hidden;
}
.display .moving-text{
  display:inline-block;
  font-size:40px;
  padding:25px;
  color:green;
  position:absolute;
  -webkit-animation: leftright 5s infinite; /* Safari 4.0 - 8.0 */
  animation: leftright 5s infinite;
}

@keyframes leftright {
    0%   {left: 0;}
    100% {left: 100%;}
}

@keyframes rightleft {
    0%   {left: 100%;}
    100% {left: 0;}
}

@keyframes both {
    0%   {left: 0;}
    49%   {left: 100%;}
    100% {left: 0;}
}