Javascript 使用jQuery时，HTML字幕在到达末尾时反弹

当我使用一个普通的选框时，文本会移到末尾，一旦它接触到div的末尾，就不会反弹到开头

我想在使用jQuery在另一个页面上获取echo的PHP时实现这种效果

例如：

代码： Index.html

<marquee id="slider" class="panel panel-default" style="width:50%;"></marquee>
<marquee class="panel panel-default" style="width:50%;">Doesn't Bounce Back when reaches the end</marquee>

<script type="text/javascript">
setInterval(function()
{
   $.ajax({url:"/test2", type:"GET", async:true, cache:false, success:function(result)
{
     $("#slider").html(result);
}});

},2500);
</script>

到达终点时不会反弹
setInterval（函数（）
{
$.ajax（{url://test2]，类型：“GET”，异步：true，缓存：false，成功：函数（结果）
{
$（“#滑块”）.html（结果）；
}});
},2500);

test2.php

<?php
echo "Bounces Back when reaches the end";
?>

因此，在上面的图像示例中，我希望第一个选框具有与底部选框相同的效果

---

谢谢

如果我们在文本的标记中添加一个包含元素，那么标记将继续平稳运行，因为我们不会直接使用新的html标记-请参阅-

标记

<marquee id="slider" class="panel panel-default">
    <span id="sliderText">I am the marquee text</span>
</marquee>

---

*我已经忘记了它是如何拼写的：）

setInterval(function() {
    $("#sliderText").html("I am new Marquee Text");
},10000);