ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Готовые JavaScript скрипты для сайтов. W3Schools на русском

Вывод самопечатающегося текста на веб-странице


Вывод самопечатающего текста на веб-странице с помощью JavaScript

С помощью данного скрипта можно вывести на экран самопечатающийся текст, как-будто его набирает человек на клавиатуре. Скопируйте данный код и вставте в нужном месте на веб-странице.

Пример скрипта

<script>
var chr = -1;
var txt = 'Компьютер набирает самопечатающийся текст'
var l = txt.length
var p = "_"
function changetext()
{
chr++;
t = document.all["text"].innerHTML
tt = t.substring(0,t.length-p.length)
if(txt.charAt(chr)!="<")
{
document.all["text"].innerHTML= tt + txt.charAt(chr) + p
}
else {
document.all["text"].innerHTML= tt + txt.substring(chr, chr+4) + p
chr=chr+3
}
setTimeout("changetext()", 40)
}
function str(num) {
var s = ""
for(i=0; i<num; i++)
{ s = s + " " }
return s }
</script>

<body onload="changetext()">
<font id="text"></font>

Если текст большой и есть необходимость сделать абзац (или перевод строки), то в выводимом тексте можно вставить тег <br>. Также можно регулировать скорость печатания текста параметром setTimeout, изменяя число (в приведенном коде 40). Чем меньше данное число - тем скорость будет быстрее.


Результат работы скрипта: