В заметке приведен пример простой реализации т.н. «бегущей строки на JavaScript» с эффектом ручного набора текста с клавиатуры компьютера.
Вот собственно и весь программный код, обратите внимание на использование функции установки таймера setTimeout()
:
<!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>Бегущая строка на сайте</title> </head> <body> <p id="tekst">Здесь будет отображаться бегущая строка...</p> <script type="text/javascript"> var stroka = "Бегущая строка на JavaScript бежит, бежит... "; var skorost = 150; var x = 0; function beguchaya_stroka() { if (x++ < stroka.length) { document.getElementById('tekst').innerHTML = stroka.substring(0, x); } else { document.getElementById('tekst').innerHTML = " "; x = 0; } setTimeout('beguchaya_stroka()', skorost); } beguchaya_stroka(); </script> </body> </html>
Бегущая строка на сайт будет добавлена к абзацу с идентификатором tekst.
Свежие комментарии