Html选框更改文本

时间:2014-11-16 14:49:30

标签: html angularjs onchange marquee

我有一个信息文本区域,它从右到左显示在选框中。但我也每45秒更新一次文本,我想重新启动marquee的动作

如何在文本更改时重新开始移动文本?我使用角度js控制器每45秒更新一次文本

1 个答案:

答案 0 :(得分:1)

您只需使用javascript删除<marquee>标记,并每次将另一个<marquee>标记添加新文本。

<div id="my_text" ></div>
<script>
var text = ["<marquee>Hello</marquee>", "<marquee>I like tacos</marquee>"];
var counter = 0;
setInterval(change, 45000);
function change() {
    document.getElementById("my_text").innerHTML = text[counter];
    counter++;
    if(counter >= text.length) { counter = 0; }
}
</script>