javascript - 选取框，动态更改内容并重新开始滚动

Question

我的网站上有一个marquee:

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

我想用 marquee 中的 id="text" 动态更改范围的内容:

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>