Реклама и Статистика


SEO sprint - Всё для максимальной раскрутки!





Эффект печати на пишущей машинке

Постепенный вывод на страницу текста (эффект печати на пишущей машинке) можно создать на основе использования метода 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>

Моя веб-страница


Просмотров: 14371

  Коментарии (3)
 1 Написал(а) ап, в 15:20 01.03.2011
А без рамочки как код будет выглядеть?
 2 Написал(а) Jtvgenij, в 23:19 24.11.2011
Как-бы выровнять код примера по левому краю... А?
 3 Написал(а) дан, в 20:20 09.09.2017
Отличный пример, но рекламы уж слишком много при загрузке страницы :)

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама


Error. Page cannot be displayed. Please contact your service provider for more details. (14)