我的网站上有一个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>
一切正常。问题是我想在更改文本后从头开始重新启动选取框。假设第一个文本较长,当与另一个文本更改时,第一次滚动时不会完全可读;访问者将从中间看到它。
所以,我想从头开始重新启动选取框滚动。
最佳答案
也许不是您想要或期望的。但这应该会重新启动选取框。
我会删除选取框,然后使用新元素将选取框重新插入到 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>
关于javascript - 选取框,动态更改内容并重新开始滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35286289/