Артём Мáлков

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

30 дек7 комм

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

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

Файл
Размер
Ссылка
readtime.zip
785 b
Скачать с сервера
Рекомендуем к просмотру
Как сделать скриншот элемента на JavaScript?
Модули и скрипты
Время прочтения статьи на PHP
Модули и скрипты
Сколько дней «живет» сайт на JavaScript/PHP
Модули и скрипты
7
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 1
    1066
      •  Команда Pandoge
    15 дек в 01:59

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

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

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

    if(time == 0) {

    var time = 1;

    }

    • 0
    2
      •  Пользователь
    14 дек в 13:23

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

    • 0
    766
      •  Гости
    2 ноя в 16:57

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

    • 5
    1066
      •  Команда Pandoge
    5 фев в 12:32

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

    • 0
    766
      •  Гости
    5 фев в 04:16

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

    • 6
    1066
      •  Команда Pandoge
    3 фев в 12:53

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

    • 1
    766
      •  Гости
    3 фев в 04:46

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

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