Html marquee change text

Question

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

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

Answer 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>