跑馬燈，更改內容dinamically並重新開始滾動

我在我的網站有一個marquee：跑馬燈，更改內容dinamically並重新開始滾動

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

我想dinamically改變量程與id="text"從marquee內容：

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

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

一切正常。問題在於我想在更改文本後從開始重新開始選取框。想象一下，第一個文本是一個較長的文本，當與另一個文本進行更改時，它在第一次滾動時不會完全可讀;訪客將從中間看到它。

所以，我想從頭開始重新開始選取框滾動。

謝謝！

來源

2016-02-09 MM PP

恕我直言 - > [什麼是對網站上的跑馬燈/帳篷的使用參數？]（http://ux.stackexchange.com/questions/76951/what-are-參數 - 反對使用的一個自動收報機上網站） – Andreas

@Andreas我剛剛開發了一個HTML5電視系統。電視頻道通常使用股票代碼。這就是我問這個問題的原因。此外，我同意你的帖子。謝謝。 –

也許不是你想要的或期望的。但是這應該重新啓動字幕。
我會刪除並重新插入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>

來源

2016-02-09 07:46:15 dann

謝謝！我認爲這是最好的解決方案，即使我必須重寫整個選框內容（而不是像我問的那樣只改變選框的一部分）。 –

跑馬燈，更改內容dinamically並重新開始滾動

回答

相關問題