Как осуществить это в html?

Question

[12LiCaNtRoP12]

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

Comments

[WapSter]

https://speckyboy.com/css-javascript-text-animatio...

[wisgest]

На мой взгляд, так делать — нелепость и дурной вкус. Меня, как пользователя, это только раздражает.

[12LiCaNtRoP12]

wisgest, я не собирался это осуществлять, просто мне стало интересно, как в принципе можно воссоздать появление нового обьекта на странице без ее перезапуска.

Answer 1

[Art222222]

Это можно сделать через JavaScript. Создаешь метод где будет каждую секунду изменятся время (гугл в помощь).
Допустим, будем изменять текст в параграфе:
<p id="timer1">00:00:00</p>
Id нам понадобится в JavaScript:
Создаем тег script и внутри делаем такую штуку:

document.getElementById("timer1").innerHTML = "00:00:01";

Ну а что бы метод обновлялся каждую секунду, запихиваем это в какой-то метод и пишем дабы было удобно обновлять таймер это:

document.getElementById("timer1").innerHTML = hour + ":" + minute + ":" + seconds;
или это:
var dv = ":";
document.getElementById("timer1").innerHTML = hour + dv + minute + dv + seconds;

Comments

[12LiCaNtRoP12]

От души!