Здесь вы узнаете, как сделать вывод текста с эффектом телетайпа при помощи JavaScript.
Как сделать вывод текста с эффектом телетайпа
Шаг 1) Добавляем HTML:
Пример
<p id="demo"></p>
Шаг 2) Добавляем JavaScript:
Пример
var i = 0;
/* Текст для вывода */
var txt = 'Lorem ipsum эффект телетайпа!';
/* Скорость вывода/длительность эффекта в миллисекундах */
var speed = 50;
function typeWriter() {
if (i < txt.length) {
document.getElementById("demo").innerHTML += txt.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}
Попробовать самому »