Как вывести время, прошедшее с момента опубликования, на JQuery.
![Как вывести время, прошедшее с момента опубликования, на JQuery.](/images/articles/jquery-timeago.jpg)
Всем привет! Сегодня мы рассмотрим, как сделать автоматический отсчет времени, когда пост был добавлен, на JQuery.
Эффект будет наподобии того, что вы можете видеть в социальных сетях. Например, "опубликовано 2 минуты назад" и тому подобное.
Для начала создадим структуру
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery timeago</title>
</head>
<body>
<p>Posted <time class="timeago" datetime="17 September 2014 12:00"></time></p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="timeago.js"></script>
<script src="main.js"></script>
</body>
</html>
Найти и скачать плагин вы можете на сайте timeago.yarp.com.
Выше мы подключили JQuery, затем плагин timeago, а потом пустой .js файл, где мы будем писать код.
А вот, собственно, и он
$(document).ready(function() {
$('time.timeago').timeago();
});
Вот так просто вы можете использовать этот плагин, чтобы сделать такую часто используемую вещь, как время, которое прошло с момента опубликования записи, к примеру.
Спасибо за внимание и удачи!
-
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.