28 февраля 2013
11319
текущее онлайн время, текущий день недели, JavaScript

Текущее онлайн время, дата, день недели на JavaScript

JavaScript
Демонстрация » Скачать »

На многих сайтах существует текущее онлайн время. К примеру, можно вывести его на PHP, а можно на JavaScript, чтобы показывало время не при обновлении страницы, а постоянно в онлайн формате. Ко всему прочему можно еще добавить текущий день недели, а также дату. 

Давайте непосредственно перейдем к самому коду. Ну прежде ознакомимся с основами формирования даты на JavaScript.

 

 

 

 

И так, начнем со вставки HTML кода, в который поместим сам скрипт текущего онлайн времени.

 

<span id="hours" class="time_clock">

Тут будет вставлен сам скрипт.

</span>

 

Скрипт текущего онлайн времени.

 

<script language="JavaScript" type="text/javascript">
obj_hours=document.getElementById("hours");

name_month=new Array ("Января","Февраля","Марта","Апреля","Мая",
"Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря");
name_day=new Array ("Воскресенье","Понедельник","Вторник",
"Среда","Четверг","Пятница","Суббота");

function wr_hours()
{
time=new Date();

time_sec=time.getSeconds();
time_min=time.getMinutes();
time_hours=time.getHours();
time_wr=((time_hours<10)?"0":"")+time_hours;
time_wr+=":";
time_wr+=((time_min<10)?"0":"")+time_min;
time_wr+=":";
time_wr+=((time_sec<10)?"0":"")+time_sec;

time_wr=""+name_day[time.getDay()]+"<br>"+time.getDate()+"
"+name_month[time.getMonth()]+" "+time.getFullYear()+"<br>"+time_wr;

obj_hours.innerHTML=time_wr;
}

wr_hours();
setInterval("wr_hours();",1000);
</script>

 

Вот в принципе, такой простой скрипт, который позволяет Вам следить за текущем онлайн временем. В будущем, планируется скрипт на тему отсчет времени jQuery, в котором мы сможем в обратном порядке отсчитывать количество заданного времени, в общем, чистое подобие таймера для сайта. Всем огромное спасибо за внимание, удачи в реализации своих идей!