Создание мигающей рамки
Создать прямоугольную рамку, окаймляющую некий текст, которая периодически изменяет цвет.
Иногда этот эффект используют для привлечения внимания пользователей. Рамка создается тегами одноячеечной таблицы с заданием нужных атрибутов и параметров стиля. Далее необходимо создать функцию, изменяющую цвет рамки таблицы на другой, и передать ее в качестве первого параметра методу setlnterval Q. Второй параметр этого метода задает период в миллисекундах, с которым вызывается функция, указанная в первом параметре.
4.1. Откройте блокнот и наберите следующий код
4.2. Сохраните файл в следующем виде 4.htm
4.3. Загрузите данный файл в веб-браузере
4.4. В результате должна появиться мигающая рамка.
Создание эффекта печати на пишущей машинке
Постепенный вывод на страницу текста (эффект печати на пишущей машинке) можно создать на основе использования метода setlntervalQ.
Ниже приводится HTML-документ с заголовком и текстовой областью, задаваемой тегом <TEXTAREA>. Сценарий в этом документе выводит в текстовую область символы некоторой строки с задержкой 0,1с. После завершения вывода всей строки этот процесс останавливается. Функция wrtextQ просто формирует строку, которую требуется вывести в текстовой области в данный момент. Собственно вывод производится путем присвоения значения свойству value текстовой области. Функция wrtextQ передается в виде строкового параметра методу setlntervalQ, который и вызывает ее периодически с интервалом, указанным в миллисекундах, в качестве второго параметра. В примере этот интервал равен 100. Метод setlntervalQ возвращает целочисленный идентификатор запущенного процесса, который мы сохраняем в переменной xinterval. Это значение передается методу clearlntervalQ как параметр, чтобы завершить процесс периодического вызова функции wrtextQ, когда напечатается вся строка.
5.1. Откройте блокнот и наберите следующий код
5.2. Сохраните файл в следующем виде 5.htm
5.3. Загрузите данный файл в веб-браузере
Создание идущих часов
Часы реализованы в строках, которые следуют за комментарием "//Clock". В них также применяется функция setTimeout и объект DATE. Прежде чем отобразить время, программа получает текущее значение времени через объект DATE. Считается, что после выполнения программы все объекты будут удалены из памяти, что реально не всегда происходит. Для отображения времени используются методы, которые определены для объекта DATE. Значения часов минут и секунд объединяются в строку при помощи операции конкатенации "+", и результат отображается в поле формы. Обратите внимание на функцию alert в форме kuku. Это встроенная в JavaScript функция, которая предупреждает пользователя о том, что он запускает на сервере программу.
6.1. Откройте блокнот и наберите следующий код
6.2. Сохраните файл в следующем виде 5.htm
6.3. Загрузите данный файл в веб-браузере