Показать сообщение отдельно
  #5 (permalink)  
Старый 28.06.2022, 22:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

часы с картинками
najrobi,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #CountdownM img{
      transform: translateY(22px);
  }

  </style>
</head>

<body>
<p id="CountdownM"></p>

<script>
  const timeEveryOneSecond = () => {
	let data = new Date(),
	time = new Intl.DateTimeFormat("ru", {
        hour: "2-digit",
        minute: "2-digit",
        second: "2-digit"
    }).format(data);
    time = time.replace(/\d/g, i => `<img src="https://dummyimage.com/40x50/fff/000/&text= ${i}">`);// src="img/${i}.jpg"
    document.getElementById("CountdownM").innerHTML = time;
		setTimeout(timeEveryOneSecond, 1000);
}
timeEveryOneSecond();

</script>
</body>
</html>

Последний раз редактировалось рони, 28.06.2022 в 22:53.
Ответить с цитированием