phpjsJqueryhtmlcssblog

Javascript текущее время

Время в javascript. Вывести время javascript. Javascript вывод времени на эран. Идущее время с секундами ментами и часами. Разберемся, как же функционирует время в javascript.

Подробно о времени в Javascript

1. Вывести текущее время в javascript.
2. javascript время в секундах -> пример
3. javascript время в миллисекундах -> пример
4. Функция времени "date" js
5. Передать время из php в js.

Еще : Часы на javascript

Скопировать ссылку



Вывести текущее время в javascript.

Для вывода текущего времени нам потребуется объект "Date";

Код вывода текущего времени в Javascript :

<script>document.write(Date());</script>

Результат вывода текущего времени в Javascript :

Это конечно хорошо! Но как вывести совсем в другом формате, и нормальном, а не то, что мы увидели в первой строке.

Что же, давайте разбираться дальше!

Совсем простенько, что у нас в коде: создадим новый объект new Date(), приравняем его к переменной var data, из неё выберем то, что нам нужно с помощью методов, часы «getHours», минуты – «getMinutes» и секунды – «getSeconds», и все это сделаем в отдельной переменной, которую и отправим на экран

<script> document.getElementById( "display ").innerHTML = time;  </script>

, чтобы вы смогли её увидеть.

И естественно, что у вас должен существовать блок с элементом «display»:

<div id="display"></div>

Соберем весь код вместе:

Скрипт текущего времени javascript

Весь код javascript:

<script>
var data = new Date();  
var time  = data.getHours() + ":" +  data.getMinutes() + ":" +  data.getSeconds();
document.getElementById('display').innerHTML = time;  
</script>


Далее разместим весь код прямо здесь на странице:

Пример вывода текущего времени javascript

Результат вывода текущего времени javascript:

И вы должны удивленно сказать - почему же время не идет, как часы!? Для этого вам потребуется дополнительная функция!


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

Скопировать ссылку



javascript время в секундах

Чтобы вы смогли увидеть секунды в реальном времени, создадим блок, куда будем отправлять секунды в javascript

<div id="new_id1"></div>
Далее нам нужно получить эти самые секунды, самый простой способ(имхо), получаем миллисекунды(Date.now()), делим их на 1000, пропустим через parseInt и вернем целое число

parseInt( Date.now()/1000);

Соберем весь код вместе javascript время в секундах

<div id="new_id1"></div>

<script> new_id1.innerHTML = parseInt( Date.now()/1000);</script>

Результат вывода времени в секундах javascript

Скопировать ссылку



javascript время в миллисекундах

Для вывода на экран времени в миллисекундах, нам опять понадобится какой-то блок/div с уникальным id? туда и будем передавать время в миллисекундах:

<div id="new_id2"></div>
Далее собственно отправим время в миллисекундах(Date.now()) в тег с ид = new_id2

<script> new_id2.innerHTML = Date.now();</script>

Соберем весь код вывода времени в миллисекундах на экран

<div id="new_id2"></div>

<script> new_id2.innerHTML = Date.now();</script>

Результат вывода времени в миллисекундах через javascript

Скопировать ссылку



Функция времени "date" js

На самом деле... "javascript" - второй мой язык и каждый раз приходится возвращаться и вспоминать, что там... с разными функциями! И также происходит с временем в "javascript".

Итак...

Мне нужно было... быстро найти... быстро написать и забыть, но увы! Возможно, когда-нибудь я вернусь сюда... чтобы переписать эту функцию... мой быстрый вариант:

Узнай текущее время...

<button onclick="alert ( date())">Узнай текущее время...</button>

<script>

function date () {

var data = new Date();

if(data.getDate()<0) data.getDate() = "0"+data.getDate();

if(data.getMonth()<0) data.getMonth() = "0"+data.getMonth();

if(data.getHours()<0) data.getHours() = "0"+data.getHours();

if(data.getMinutes()<0) data.getMinutes() = "0"+data.getMinutes();

if(data.getSeconds()<0) data.getSeconds() = "0"+data.getSeconds();

return (data.getDate() + "." + data.getMonth() + "." + data.getFullYear() + " " + data.getHours() + ":" + data.getMinutes() + ":" + data.getSeconds());

}

</script>

В зависимости от необходимости убираем ненужное в "return".

Скопировать ссылку



Передать время из php в js.

Для того, чтобы "передать время из php в js" вам понадобится:


Кнопка button.

Событие onclick.

Выведем время с помощью "alert":

Соберем весь код передачи времени из php в js:

Код передачи время из php в js.

<button onclick="alert ('<?=date('Y-m-d : H-i-s')?>')">Узнай текущее время...</button>

Пример передачи времени из php в js:

Узнай текущее время...

Передать время из php в js в переменную:

Для того, чтобы передать из php в js в переменную вам понадобится вот такой код:

<script>
var example ='<?=date('Y-m-d : H-i-s')?>';
document.write(example);
</script>


Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---