Обратный счётчик (таймер)
Обратный счётчик можно сделать через плагин jQuery.countdown.
Ссылка на плагин: github.com/hilios/jQuery.countdown
<div id="timer"></div>
<script>
$("#timer").countdown("2026/01/01", function(e) {
$(this).text(e.strftime('%D дней %H:%M:%S'));
});
</script>
Минимальная версия jQuery 1.7.
Пример кода:
Доступность (WAI-ARIA)
В целях доступности рекомендуется указывать атрибуты role="timer"
и aria-atomic="true"
.
<div id="timer" role="timer" aria-atomic="true"></div>
Атрибут role="timer"
говорит скринридерам, что данный элемент является таймером.
А атрибут aria-atomic="true"
говорит, что надо зачитывать весь текст, а не только изменяющийся (иначе при изменении секунд, вместо «две минуты 15 секунд» скринридер произносил бы просто «15 секунд»).
Поддержать автора
Все статьи создаются и поддерживаются одним человеком,
если вам нравится контент, вы можете поддержать автора сайта