选框,以动态更改内容并重新开始滚动

Question

marquee我的网站上有一个:

<marquee>Hello! <span id="text">Welcome to my website.</span></marquee>

我想dinamically改变与跨度的内容id="text"来自marquee:

setTimeout(function() {
  document.getElementById("text").innerHTML = "This is my website. Happy reading!";
}, 5000);

<marquee>Hello! <span id="text">Welcome to my website.</span>
</marquee>

一切顺利.问题是我想在更改文本后从头开始重新启动选取框.想象一下,第一个文本是一个较长的文本,当与另一个文本进行更改时,它在第一次滚动时不会完全可读; 访客将从中间看到它.

所以,我想从头开始重新启动选框滚动.

谢谢!

Answer 1

也许不是你想要或期望的.但是这应该重新开始.
我将使用新元素删除并重新插入DOM中的选取框.

setTimeout(function() {
  document.getElementById("marquee").innerHTML = '<marquee>Hello! <span id="text">This is my website. Happy reading!</span></marquee>';
}, 5000);

<div id="marquee">
<marquee>Hello! <span id="text">Welcome to my website.</span>
</marquee>
</div>