В заметке приведен пример простой реализации т.н. «бегущей строки на 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.
Свежие комментарии