JavaScript: посимвольное появление текста на странице
Данный Javascript эффект позволяет выводить текст посимвольное (побуквенно).
Можно задавать количество выводимых за один раз символов и скорость вывода.
В нашем примере, изменяя значения переменных delay и letters, можно
задавать задержку вывода символов - delay и количество символов - letters.
Javascript код:
<script>
var source,dest,len,now=0,delay=300,letters=2;
function show_text()
{
source = document.getElementById("pageTextSource");
dest = document.getElementById("pageText");
len = source.innerHTML.length;
show();
}
function show()
{
dest.innerHTML += source.innerHTML.substr(now,letters);
now+=letters;
if(now<len)
setTimeout("show()",delay);
}
</script>
<body onload="show_text();">
<p style="display:none" id="pageTextSource">
Посимвольный вывод текста...
<p id="pageText">
</p>
</body>
Пример вывода: Для начала побуквенного вывода строки симовов поместите указатель мыши
на прямоугольную область ниже:
![]()
Побуквенный вывод текста на веб странице, можно
задавать задержку вывода символов - delay и количество символов - letters...
Справочник web-мастера и программиста
