Вы находитесь на странице: 1из 6

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

Федеральное агентство по образованию


«Санкт-Петербургский государственный университет
телекоммуникаций им.проф.М.А.Бонч-Бруевича (СПбГУТ)»

Факультет: ИСиТ

Кафедра: ИДК

По дисциплине «Объектно-ориентированное проектирование графического


интерфейса»
(наименование учебной дисциплины согласно учебному плану)

ОТЧЕТ
ПО ЛАБОРАТОРНОЙ РАБОТЕ № «6»

«Строка состояния и таймеры»

Алексеева Маргарита
Автор: студент гр. ИСТ-032 (подпись) Олеговна
(Ф.И.О.)

Оценка:
Дата:

Руководитель /Аль-Нами Б.А. /


(Ф.И.О.)
проекта: (подпись)

Санкт-Петербург
2022
Оглавление

Оглавление...............................................................................................................................2
Цель...........................................................................................................................................3
Ход работы...............................................................................................................................3
Вывод........................................................................................................................................6
Цель
Ознакомиться с приемами создания строк состояния и таймеров.

Задание

1. Ознакомиться с теоретическими сведениями.


2. Создайте документ, содержащий две кнопки, которые можно использовать, чтобы
записывать некий текст в строку состояния и, соответственно, затем его стирать.
3. Создайте документ с использованием процедур onMouseOver и onMouseOut.
4. Создайте документ, демонстрирующий кнопку, которая открывает выпадающее окно не
сразу, а по истечении 3 секунд.
5. Создайте документ с бегущей строкой в строке состояния.

Ход работы

Задание 1.

Внимательно изучаем методическое пособие. Строка состояния - прямоугольник в нижней


части окна. Чтобы что-то записать туда, нужно воспользоваться window.status.

Таймеры можно запрограммировать на выполнение определённых действий по истечению


времени.

С помощью прокрутки можно сделать эффект бегущей строки.

Задание 2.

Создаем две кнопки, чтобы записывать текст в строку состояния:

Код выглядит следующим образом:


Задание 3.

С помощью процедур onMouseOver и onMouseOut создает сайт с ссылкой:

Код выглядит следующим образом:

Задание 4.

В задании 4 мы научились создавать таймер:


Сайт будет выглядеть так. Окно появится при истечении времени:

Задание 5.

В этом задании мы создаем прокрутку.


Сайт выглядит так:

Вывод

С помощью JavaScript мы можем создавать таймеры, прокрутки и дополнять строку состояния.

Вам также может понравиться