代码之家 › 专栏 › 技术社区 › MM PP

字幕、动态更改内容并重新启动滚动

marquee html jquery javascript

MM PP · 技术社区 · 8 年前

我有一个 marquee 在我的网站上:

<marquee>Hello! <span id="text">Welcome to my website.</span></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>

一切都很好。问题是,我想在更改文本后重新启动字幕。想象一下,第一个文本是一个较长的文本,当用另一个文本进行更改时,第一个滚动时它将不完全可读;访客将从中间看到它。

所以,我想从头开始重新启动字幕滚动。

2 回复 | 直到 5 年前

dann 8 年前

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

Roman Aglaganov 6 年前

选择选取框并使用.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>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前