Офис НП AMWAY в Ярославле
Купить продукцию Амвей в Ярославле
На карте Купить AMWAY в ЯрославлеПриобрести высококачественную продукцию Амвей в Ярославле, получить консультации по бизнесу, заказать продукцию или получить заказ:
Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
Телефон: +7 (920) 112-00-91
Email: matyxho@mail.ru
Сайт: https://www.amway.ru/user/lebedem
Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » HTML, CSS, JS » Подключение и настройка JQuery TimeAgo
Сниппет
Хочешь себе вывод даты публикации новости, статьи, поста, фото, или любого другого контента, как в популярных соцсетях? Для этого воспользуемся плагином для JQuery - TimeAgo
Подключение и настройка JQuery TimeAgo
Опубликовал  Pisatel Добавлено  01-09-2013 15:30 01 Сентябрь 2013 15:30:02 4574  Прочтений 4574 Прочтений  1 Комментарий 1 Комментарий
 printer
Согласись, когда дата добавления новости или статьи (поста, комментария, фото, видео и т.п.) будет выглядеть так: "Добавлено менее минуты назад" или "Добавлено 5 часов назад" или "Последнее редактирование 6 минут назад", то это намного симпатичнее, чем "Добавлено 01.09.2013 15:21". На самом деле сделать это весьма просто, и нам даже не придется использовать какие-либо сложные функции, достаточно воспользоваться плагином JQuery TimeAgo. Качаем, из архива нам нужно будет взять всего два файла- jquery.timeago.js и jquery.timeago.ru.js (если необходимы другие языки- берем нужные). Кидаем их в наиболее подходящую папку (например, /js), далее нам нужно сделать подключение на необходимых для обработки страницах. В <head> вставляем следующее:

Код: HTML
<head>

<script type='text/javascript' src='js/jquery.min.js'></script>

<script type='text/javascript' src='js/jquery.timeago.js'></script>

<script type='text/javascript' src='js/jquery.timeago.ru.js'></script>

<script type='text/javascript'>

$(document).ready(function(){

jQuery('abbr.timeago').timeago();

});

</script>

</head>




Подключили. Как ты заметил, мы еще подключили сначала саму библиотеку JQuery, если она у тебя уже подключена- опусти это подключение. Теперь, собственно, сам вывод. Находим вывод даты публикации и добавляем следующее:

Код: PHP
  echo "<abbr class='timeago' title='".date("c", $data['date'])."'></abbr>\n";




Переменная $data['date'] должна содержать дату добавления/редактирования в формате Unix. Все остальное скрипт сделает сам. Чтобы при наведении курсора показывалась реальная дата добавления или редактирования, делаем так:

Код: PHP
  echo "<abbr class='timeago' title='".date("c", $data['date'])."'>".date("%d %b %Y %T", $data['date'])."</abbr>\n";




Пример- здесь же в статьях или новостях, а также на главной странице.

Будут вопросы- пиши в комментариях.
Понравилась статья?
Метки для данной статьи
Похожие статьи
Поделиться:   
Комментарии
#1 | Janfeemivy 20 марта 2020 16:26:57
No Avatar
Гость
Tadalafil Generico Prezzo Farmacia Cialis Sublingual Viagra <a href=https://apcialisle.com/#>cialis generic</a> Cialis Senza Ricetta In Farmacia
Добавить комментарий
Имя:

Проверочный код:
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion
16705 33 promask
27. апреля 2019
folder Вопрос по переделке bb-кода
PHP, MySQL
4201 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion
17854 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion
8670 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion
8881 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL
59860 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion
5757 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion
9428 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion
11179 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion
3802 0 Pisatel
15. июня 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень
7251 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion
9193 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion
48755 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion
4384 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion
15326 13 Pisatel
03. апреля 2015