Html текст изменения выделения

У меня есть информационная текстовая область, и она представлена ​​​​в рамке справа налево. Но я также обновляю текст каждые 45 секунд и хочу перезапустить бегущую строку.

Как я могу перезапустить перемещение текста, когда текст изменился? Я использую контроллер angular js для обновления текста каждые 45 секунд.


person darly_p    schedule 16.11.2014    source источник


Ответы (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>
person Axiom    schedule 16.11.2014