Конструктори класу Date

Для використання більшості методів класу Date необхідно створити об'єкт цього класу за допомогою одного з трьох конструкторів. Конструктор першого виду викликається наступним чином:

var dtNewDate;

dtNewDate = new Date();

Створюваний таким чином об'єкт Data ініціалізується поточною локальною датою, встановленою у користувача (а не на сервері Web, з якого був завантажений відповідний документ HTML). У наступному рядку формується текстовий рядок дати:

szDate = "Date: " + dt.getDate() + "." + dt.getMonth() + "." + dt.getYear();

Значення календарного числа, номера місяця й року тут виходить за допомогою методів getDate, getMonth і getYear, відповідно. Ці методи викликаються для об'єкта dt, що містить поточну дату.

Текстовий рядок дати виводиться в документ HTML за допомогою методу write, визначеного в об'єкті document:

document.write (szDate);

Об'єкт Date містить також інформацію про поточний час. Ця інформація витягується для відображення за допомогою методів getHours, getMinutes і getSeconds(відповідно, години, хвилини і секунди):

document.write("Time: " + dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds());

4.4.2 Порядок виконання роботи та вказівки до її виконання

1. Відкрити текстовий документ і створити шаблон HTML - сторінки.

Вивести наступний параграф, де об'єднані текст і змінні: Харківський національний університет 75 років. День народження кафедри ТАВР щороку в квітні міс. Нехай VAR Vuz = "Університету", ColYear = 75, kaf = "ТАВР"; (приклад 6).

2. Вивести на екран діалогове вікно з полем ввода, що запрошує користувача ввести якесь строкове значення. Нехай в якості запитання буде: Ви студент?, А в полі вводу в якості варіанту відповіді буде значення «Так» (рис. 4.16, а). Після відповіді на запитання і натискання кнопки «Ок», вивести нове вікно, як на рис. 4.16, б (приклад 9).

а) б)

Рисунок 4.16 – Діалогове вікно з полем вводу

3. Вивести на екран модальне вікно з будь-яким запитанням (наприклад, «Ви студент групи СІ» (рис. 4.17, а)), щоб при натисканні на кнопку «Ок» на екрані з'явилася фраза-відповідь (Значит Вы студент кафедры ТАПР, факультет АКТ), а при натисканні на «Скасування» – інший варіант відповіді (Значит, Вы учитесь в другой группе) (рис. 4.17, б).

а) б)

Рисунок 4.17 – Приклад використання методу confirm

4. Вивести запит користувача про те, на якому курсі він зараз вчитися, який зараз рік, потім вивести в циклі інформацію про те, в якому році на якому курсі він навчався (все з нового рядка) (рис. 4.17, б) (приклад 11).

5. Нехай у групі було 30 бюджетних місць і 5 контрактних. Вивести на екран загально е кількість студентів у групі, використовуючи function (рис. 4.18) (приклад 12)

Рисунок 4.18 – Вікно виводу розрахунків загальної кількості студентів

6. Вивести на екран 3 посилання (1 – Напрвление Си, 2 – Направление АКИТ, 3 – Напрвление РЭА) на шари 1, 2, 3 відповідно. При натисканні на перше посилання з'являється шар 1 з текстом, при натисканні на другий посилання - шар 2 і т.д. За умови, що всі верстви будуть відображатися на 40 рх від батьківського шару і 200 рх від лівого краю батьківського шару, і місце не пропускається для шару 2 і 3 (рис. 4.19) (приклад 13).

Наприклад, текст для шару 1 – Системная инженеирия. С 5 курса специальность КТРС.

7. Вивести на екран поточний час з нового рядка (рис. 4.20).

Рисунок 4.19 – Підсумкове вікно лабораторної роботи № 4

Рисунок 4.20 – Вікно з поточним часом

8. Вивести на екран зображення, при наведенні на яке курсором картинка зміниться, а при натисканні на картинку, навколо малюнка з'являється рамка (рис. 4.21, а, б, в).

<BODY>

<A HREF="C:\Users\Svetik\Desktop\myCSSwebsite\4.html" "

onMouseOver="Дискета.src='img12.jpg'"

onMouseOut="Дискета.src='img11.jpg'"><IMG

SRC="img11.jpg" NAME = "Дискета" BORDER=0></A>

</CENTER>

</BODY>

Щоб малюнок був по центру використовується тег <CENTER> вирівнює вміст контейнера по центру щодо батьківського елементу.

Атрибут HREF задає адресу документа, на який слід перейти.

Синтаксис атрибута <A HREF = "URL">... </А>

Подія onmouseover спрацьовує, коли курсор миші наводиться на елемент, до якого додано атрибут onmouseover. Це один з найпопулярніших атрибутів, застосовуваний для створення різних ефектів із зображеннями та іншими об'єктами веб-сторінки. Зазвичай працює у зв'язці з подією onmouseout.

Синтаксис атрибута on Mouse Over = "скрипт" або

/* заміна зображення на картинку з кольоровим обведенням */

У даному прикладі при наведенні курсору на зображення воно замінюється на інше, що створює ефект перетворення зображення в картинку з кольоровим обведенням.

onMouseOver="Дискета.src='img12.jpg'"

onMouseOut="Дискета.src='img11.jpg'"

SRC="img11.jpg" NAME = "Дискета" BORDER=0> / * додавши атрибут border = "0" в тег <img> для того, щоб рамка навколо зображення на яке натиснули курсором зникла. * /

Адреса файлу з картинкою задається через атрибут src.