Javascript 如何使字幕内容在退出左侧后立即显示在浏览器的右侧？

我有一个选框，其中当前内容退出浏览器的左侧，并在所有内容离开左侧后再次出现在浏览器的右侧

当内容从左侧退出时，如何使其重新出现在浏览器的右侧

<div class='marquee'>
  <div class='marquee-text'>
  Testing this marquee function <span>Testing this marquee function</span> <span>Testing this marquee function</span>
  </div>
</div>

JS

var marquee=$（'div.marquee'）；
var go=真；
悬停(
函数（）{
go=假；
},
函数（）{
去=真；
}
);
marquee.each（函数（）{
var mar=$（此），
缩进=mar.宽度（）；
mar.marquee=函数（）{
如果（去）{
缩进--；
mar.css（“文本缩进”，缩进）；
如果（缩进<-1*mar.children（'div.marquee-text'）.width（））{
缩进=mar.宽度（）；
}
};
}
三月数据（'interval'，setInterval（三月选框，100/60））；
});
控制台日志（字幕）；

创建选框的克隆，检测第一个选框何时位于左侧=0，然后向前推另一个选框。但是，如果选框比视口的宽度宽，会有一个大问题。你能给我举个例子吗？

div.marquee {
  white-space: no-wrap;
  overflow: hidden;
}

div.marquee > div.marquee-text {
  white-space: nowrap;
  display: inline;
  width: auto;
}

span {
  padding-left: 50px;
}

var marquee = $('div.marquee');
var go = true;

marquee.hover(
  function() {
   go = false;
},
  function() {
   go = true;
  }
);

marquee.each(function() {
  var mar = $(this),
   indent = mar.width();
mar.marquee = function() {
  if (go) {
   indent--;
  mar.css('text-indent', indent);
  if (indent < -1 * mar.children('div.marquee-text').width()) {
    indent = mar.width();
    }
  };
}
mar.data('interval', setInterval(mar.marquee, 100 / 60));
});
console.log(marquee);