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

b09cbbtk 于 2023-06-29 发布在 jQuery

关注(0)|答案(3)|浏览(114)

我的网站上有一个marquee：

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

我想用id="text"从marquee动态更改span的内容：

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

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

一切都很好。问题是，我想重新启动选取框，从一开始就改变了文本。想象一下第一个文本是一个较长的，当与另一个改变，它将不完全可读在第一滚动;访客将从中间看到它。
所以，我想重新开始字幕滚动从一开始。

jquery

来源：https://stackoverflow.com/questions/35286289/marquee-change-content-dynamically-and-restart-scrolling

3条答案

按热度按时间

93ze6v8z1#

也许不是你想要或期望的。但这应该能重新启动帐篷。
我将删除并在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>

赞(0）回复(0）举报 2023-06-29

ycggw6v22#

选择您的选取框并使用.start（）重新启动它。

setTimeout(function() {
  document.getElementById("text").innerHTML = "This is my website. Happy reading!";
  document.getElementsByTagName("marquee")[0].start();
}, 5000);

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

赞(0）回复(0）举报 2023-06-29

guykilcj3#

我建了一个图书馆来帮助你：
Vanilla JS：https://github.com/tjenkinson/dynamic-marquee
React：https://github.com/tjenkinson/dynamic-marquee-react

赞(0）回复(0）举报 2023-06-29

我来回答

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

3条答案

相关问题

热门标签

最新问答