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

Готовый скрипт, позволяет выводить время которое затратит посетитель на прочтение той или иной статьи. Отлично подходит для блогов и информационных порталов.


В скрипте реализовано склонение «минут» в зависимости от цифр и гибкая настройка. Вы можете самостоятельно установить примерную скорость чтения в минуту - так будет формироваться общее время чтения статьи. Также есть возможность включить картинки в общее время прочтения.

За настройки отвечают параметры (находятся в последних строках скрипта):

• images - время в секундах, которое уходит на просмотр одного изображения.
  
• wpm - среднее количество слов, которое человек читает в минуту.

Если на странице текст будет меньше среднего количества слов указанных в параметре wpm, то скрипт будет выводить время прочтения 0. Чтобы исправить это, найдите в скрипте строку:

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

Добавьте выше:

if(time == 0) { var time = 1; }

Установка:

1. Если сайт не использует библиотеку jQuery, то ее нужно подключить следующей строкой:
   

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

   
   или
   

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

   
   
2. Cкачать в конце статьи архив с 2 файлами readtime.js и readtime.min.js (минифицированная версия). Следует загрузить один из файлов к себе на сайт и подключить после библиотеки jQuery:
   

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

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

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

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

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

   
   
5. Готово!

• Источник