Генератор случайных чисел   •   Online-инструменты
1 877 просм
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
комментариев
Alexander
3.02 в 04:46
Странно но почему то не выводит время прочтения. Пробую поставить на uCoz
  • 1
Alexander, Доброго дня! Подскажите адрес сайта (с примером страницы) где установлен скрипт - проверю корректность его установки.
  • 5
Alexander
5.02 в 04:16
Артём, всё разобрался, работает! Отличный скрипт, спасибо! =)
  • 0
Alexander, заходите к нам почаще! ;)
  • 5
Жанночка
2.11 в 16:57
Благодарю, всё отлично работает.
  • 0
Можно ли сделать так, чтобы время показывало минимум 1 минута, если вдруг показывается ноль?
  • 0
Алексей Лукьянов, в скрипте найдите строчку:

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

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

if(time == 0) {

var time = 1;

}
  • 1
Гостям запрещено учавствовать в обсуждениях сайта. Авторизуйтесь, чтобы иметь возможность оставить свое мнение о материале или задать вопрос.