Постепенный вывод на страницу текста (эффект печати на пишущей машинке)
можно создать на основе использования метода setInterval().
Ниже приводится HTML-документ с заголовком и текстовой областью, задаваемой
тегом <TEXTAREA>. Сценарий в этом документе выводит в текстовую область
символы некоторой строки с задержкой 0,1с.
После завершения вывода всей строки
этот процесс останавливается. Функция wrtextQ просто формирует строку, которую
требуется вывести в текстовой области в данный момент. Собственно вывод
производится путем присвоения значения свойству value текстовой области. Функция
wrtextQ передается в виде строкового параметра методу setIntervalQ, который
и вызывает ее периодически с интервалом, указанным в миллисекундах, в качестве
второго параметра. В примере этот интервал равен 100. Метод setIntervalQ
возвращает целочисленный идентификатор запущенного процесса, который мы
сохраняем в переменной xinterval. Это значение передается методу clearIntervalQ
как параметр, чтобы завершить процесс периодического вызова функции wrtextQ,
когда «напечатается» вся строка.
<HTML>
<H1>Моя веб-страница</H1>
<TEXTAREA ID = "mytext" ROWS = 8 COLS = 25></TEXTAREA>
<SCRIPT>
var mystr = "Привет, мои друзья! Рад, что вы посетили наш сайт"
var astr = mystr.split("") // разбиваем строку на массив
// символов
var typestr = ""
var i = 0
var xinterval = setInterval("wrtext()",100) /* периодический вызов
функции wrtext() */
function wrtext()
{ // вызывается с помощью метода setlnterval()
if (i<astr.length)
{
typestr+=astr[i] // выводимая строка
document.all.mytext.value=typestr // вывод строки
i++
}
else
clearInterval(xinterval) // прекращаем вывод текста
}
</SCRIPT>
</HTML>
