phpjshtmlcssblog

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

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

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

1. Вывести текущее время в javascript.
2. javascript время в секундах -> пример
3. javascript время в миллисекундах -> пример
4. Функция времени "date" 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 весь постоянно в костылях.

Относительно php - там все прсоо есть функция date


Любую дату мы можем передать в js из php - если это возможно...

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

Узнай текущее время... Код:
<? echo '<button onclick="alert (\''.date('Y-m-d').'\')">Узнай текущее время...</button>'; ?>

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...