Код HTML-разметки с тегом script:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<h1>Бегущая строка</h1>
<script>
let h1 = document.getElementsByTagName('h1')[0];
function playh1(element){
let str = element.textContent;
let a = str.slice(1);
let b = str.slice(0, 1);
let newstr = a + b;
element.textContent = newstr;
return;
};
let si = setInterval(playh1, 500, h1);
</script>
</body>
</html>
В этом примере у нас бегает строка, которая является заголовком h1 данной страницы.
За движение строки отвечает функция сдвига строки и интервальный таймер.
Для простоты видимости движения мы указали время в пол секунды - 500 миллисекунд. Чтобы было заметно.
Интервальный таймер вызывает функцию, которая принимает объект HTML-элемента и меняет у него содержимое свойства textContent.