Pull to refresh

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

Reading time 1 min
Views 18K
Как часто Вы используете конструкции вида «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:
Hubs:
+61
Comments 42
Comments Comments 42

Articles