Pull to refresh

uptodate.js — библиотека для автообновления элементов времени

Website developmentJavaScript
Как часто Вы используете конструкции вида «5 минут назад», «Полчаса назад» на вашем сайте? А что если пользователь открыл вкладку и забыл про нее на пару часов? «5 минут назад» явно теряет свою актуальность.
Именно для того чтобы исправить это досадное недоразумение служит uptodate.js

image



Использование



  1. Подготовьте таймстемпы в контенте.
    По-умолчанию uptodate берет значение из аттрибута data-time который должен содержать timestamp (number of milliseconds since epoch (00:00:00 UTC on 1970 January 1970))
    Например
     Posted:
     <span class="uptodate" data-time="1367180233904">
         4 minutes ago
     <span>
    

  2. Внедрите библиотеку.
    Всего навсего нужно вызвать единственный метод uptodate()
    Вы можете передать опциональные параметры в вызов, список которых доступен на офсайте
    Например:
     <script src="js/uptodate.js">
     <script type="text/javascript">
         window.onload = function() {
             uptodate();
         };
     </script>
    




Офсайт | Github

P.S. Для того чтобы либa работала с русский языком необходимо в параметрах передавать кастомный метод time_ago_in_words: https://github.com/prezjordan/uptodate/blob/master/uptodate.js#L69
P.S.S. datacompboy подсказал аналог — либу timeago, в состав которой уже входит русская локализация. Офсайт | Github
Tags:javascriptjavascript library
Hubs: Website development JavaScript
Total votes 87: ↑74 and ↓13 +61
Views17.3K

Comments 42

Only those users with full accounts are able to leave comments. Log in, please.

Popular right now

Node.js: серверный JavaScript
April 26, 202127,000 ₽Loftschool
Интенсив «Full stack разработчик. JavaScript»
April 26, 2021245,000 ₽Elbrus Coding Bootcamp
Интенсив «Full stack разработчик. JavaScript»
April 26, 2021190,000 ₽Elbrus Coding Bootcamp
Специалист JavaScript
May 24, 202122,690 ₽Специалист.ру