Профессиональная поддержка сайтов: разработка, дизайн, тексты, SEO и прочее от 500 Р   •   Реклама
2 912 просм
7 комм
Поделиться:

Время прочтения статьи на jQuery

Продолжаем с вами «прокачивать» наши сайты. С помощью этого скрипта вы сможете вывести время, которое затратит пользователь на прочтение той или иной статьи. Реализация отлично подойдет для новостных и информационных порталов.

Время прочтения статьи на jQuery

Чем же хорош этот скрипт?

  1. Легкая установка.
  2. Гибкая настройка (вы можете сами задавать примерную скорость чтения в минуту – так будет формироваться общее время чтения статьи).
  3. Есть возможность включить картинки в общее время прочтения.
  4. Склонение «минут» в зависимости от цифр.

Установка модуля

1. Скачиваем архив в конце статьи и загружаем скрипт к себе на сайт.

2. Далее на нужную вам страницу (например, с полной новостью) перед закрывающим тегом </body> подключаем скрипты:

<script src="/путь к файлу/readtime.js"></script>

<script>

	$(".text_read").readtime({
		images: 12,
		wpm: 275
	});

</script>

3. В нужное место вставляем вывод времени прочтения:

<b>Время прочтения:</b> <span class="time_read"></span>

4. Ваш текст, или код, который его формирует, оберните в теги:

<div class="text_read">Ваша статья</div>

Установка закончена.

Настройка модуля

Для того чтобы вам изменить среднюю скорость чтения в минуту и примерное время просмотра картинок, внесите нужные вам данные в скрипт:

images: 12, // время чтения изображения в секундах
wpm: 275 // количество слов в минуту

Если вы хотите исключить время для изображений – выставьте значение 0.

ФайлРазмерСсылка
7
комментариев
Гостям запрещено участвовать в обсуждениях сайта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.

Алексей Лукьянов, в скрипте найдите строчку:

title=declOfNum(time,['минута','минуты','минут']);

Выше нее вставьте:

if(time == 0) {

var time = 1;

}

  • 1

Можно ли сделать так, чтобы время показывало минимум 1 минута, если вдруг показывается ноль?

  • 0
2.11 в 16:57

Благодарю, всё отлично работает.

  • 0

Alexander, заходите к нам почаще! ;)

  • 5
5.02 в 04:16

Артём, всё разобрался, работает! Отличный скрипт, спасибо! =)

  • 0

Alexander, Доброго дня! Подскажите адрес сайта (с примером страницы) где установлен скрипт - проверю корректность его установки.

  • 5
3.02 в 04:46

Странно но почему то не выводит время прочтения. Пробую поставить на uCoz

  • 1
Подняться наверх
«Pandoge» - помощник веб-мастера