Время прочтения статьи на 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.