Дата и час (например да се използва датата на обект)

Този скрипт ви позволява да показвате актуализира в реално време, дата и час, както и създаването на модела, описан за прилагане на резултатите от сценария някъде върху страницата.

Описание на сценария

В HTML документ, мястото за вмъкване на резултатите от изпълнението на скрипта, се определят с помощта на име елементи от време. С имената, посочени в името на собственост, ние имаме достъп до управлението на тези елементи с един скрипт. Първоначално се простира не прави нищо, но показване на съдържанието им, т.е. След зареждането на страницата, ще видите следното

Всички времена са GMT. днес.

Сега е ред на скрипта. Когато зареждането на страницата glabalnyh инициализиращите масиви с български имена на дни от седмицата (от неделя) и месеца.

След като става функция UpdateTime (). На първо място, тя създава един обект, съдържащ информация за текущото време:

Var CurrentTime = нови Дата ();

След това, ние описват два обекта, описващи достъп до кръстен елементи гредореда (тези обекти ще се промени, води до промени в съдържанието на HTML документ):

Качваме се в часовете:

За по-естетичен дисплей, ако ч е по-малко от 10, а след това добавяне на нула в началото (naprmer 9 смяна до 09). Същото се прави за минутите и секундите. Грим време в HH: MM: SS:

outString = Н + ":" + m + ":" + S;

И изход към шаблона ??

В същото време ние имаме съдържанието на контейнера варира с педя. в настоящия момент ЧЧ: ММ: СС. Отиди до момента. Ден на месец се определя чрез използването на метода на getDate (). Брой на месец, определен метод getMonth на (). месец стойности от 0 до R11 са използвани като елемент от масив, както и имената на месеца месец. Ден от седмицата от неделя до понеделник зададете стойности от 0 до 6 от getDay (). и имената на дните от седмицата са получени от messivo седмица. След като съдържанието на контейнера се заменя с вальор:

Последният ред е дадена команда за изпълнение на същия код (но за новата дата) в секунда:

Забележка 1 Имайте предвид, че бихме могли в тялото маркер да се използва метод за извършване на даден код на интервал setInterval определено време:

В същото време, ние трябва да изтриете последния ред на сценария (както периодичен график вече е бил определен): setTimeout ( "UpdateTime ()", 1000); ,

За съжаление последния вариант (и setInterval) не се поддържа от старите браузъри (например, InternetExplorer 4), и първото изпълнение (с setTimeout) се извършва в почти всеки браузър.

Бележка 2: Въз основа на този пример, можете да създадете свой собствен подходящи скриптове за вашата целева страница. Точно в данните от точка дисплея в HTML документ сложи име контейнер ??, предпише подходящо обект в сценария

Var InputVar1 = document.getElementById ( "MyVar1 ');

и след това да променя съдържанието на променлива outString на съдържанието на контейнера (или друга стойност):

Пълен скрипт код "дата и час"

Копирайте следния скрипт в отделен HTML файл (например, date_and_time.html) и отворите страницата в браузър.

Пример изпълнение скрипт