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

标签 javascript jquery html marquee

我的网站上有一个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/

相关文章:

javascript - 存在动态列表操作时form to json报错

javascript - 异步函数是否总是需要使用await 来调用?

jquery - 我如何直接从 javascript 函数调用 Controller 操作。

javascript - Jquery 动态表单验证不起作用

javascript - 单击div时缓慢出现

html - 如何使用 javascript 在 html 标签内打印 <DummyText>?

javascript - 异步Servlet客户端、服务器推送

javascript - 在移动设备中单击图标后显示菜单的简单方法是什么?

javascript - 使用 javascript 计算字数 - Postman 测试

javascript - 尝试在html中使用process.js和javascript