BLOGTOP

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » BLOGTOP » Уголок wap мастера » JavaScript » Динамическое время


Динамическое время

Сообщений 1 страница 1 из 1

1

Данный код получает текущее время сервера через time() а затем обновляет его каждую секунду. А выводится время в див <div id ='clock'></div>

Для справки нагрузки на сервер нет, все вычисления производятся на стороне клиента.

это вставить там где нужно показывать время:

<div id ='clock'></div>

а это внизу страницы:

<script type="text/javascript">

  let serverTime = <?php echo time(); ?>;

function formatTimeComponent(component) {
   return component < 10 ? '0' + component : component;
}

function updateClock() {
   serverTime += 1; // Увеличиваем на 1 секунду (в секундах)
   const now = new Date(serverTime * 1000);

   const hours = formatTimeComponent(now.getHours());
   const minutes = formatTimeComponent(now.getMinutes());
   const seconds = formatTimeComponent(now.getSeconds());

   const timeString = `${hours}:${minutes}:${seconds}`;

   document.getElementById("clock").textContent = timeString;
}

// Обновление каждую секунду
setInterval(updateClock, 1000);
updateClock();

   </script>

[html]
<div id ='clock'></div>

<script type="text/javascript">

  let serverTime = <?php echo time(); ?>;

function formatTimeComponent(component) {
   return component < 10 ? '0' + component : component;
}

function updateClock() {
   serverTime += 1; // Увеличиваем на 1 секунду (в секундах)
   const now = new Date(serverTime * 1000);

   const hours = formatTimeComponent(now.getHours());
   const minutes = formatTimeComponent(now.getMinutes());
   const seconds = formatTimeComponent(now.getSeconds());

   const timeString = `${hours}:${minutes}:${seconds}`;

   document.getElementById("clock").textContent = timeString;
}

// Обновление каждую секунду
setInterval(updateClock, 1000);
updateClock();

   </script>
[/html]

Подпись автора

вопрос по ◆ВТ◆ в личку

вопрос по ◆ВТ◆ в тему

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


упс таблица

Откуда гость?
ВНИМАНИЕ! В подписи запрещены ссылки на конкурирующие сайты или форумы!


Вы здесь » BLOGTOP » Уголок wap мастера » JavaScript » Динамическое время