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

Нужно было установить на один статейник данный скрипт, и чтобы не искать его потом — пусть лежит в архиве на блоге.
Готовый скрипт который выводит время, которое затратит пользователь на прочтение той или иной статьи. Отлично подходит для блогов и информационных порталов. За настройки отвечают параметры (находятся в последних строках):
images — время в секундах, которое уходит на просмотр одного изображения;
wpm — среднее количество слов, которое человек читает в минуту.
Если на странице текст будет меньше среднего количества слов указанных в параметре wpm, то скрипт будет выводить время прочтения 0. Чтобы исправить это найдите в скрипте строчку:
title=declOfNum(time,['минута','минуты','минут']);
и над ней вставьте: if(time == 0) { var time = 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 файлами readtime.js и readtime.min.js — минифицированная версия загружаем один из файлов к себе на сайт и подключаем после подключения библиотеки jQuery.
или<script src="/{THEME}/js/readtime.js"></script>
<script src="/{THEME}/js/readtime.min.js"></script>
- В нужное место вставляем вывод времени прочтения:
<strong>Время прочтения:</strong> <span class="time_read"></span>
- Ваш текст, или код, который его формирует, оберните в теги:
<div class="text_read">Ваша статья</div>
Источник
readtime.zip
[2.19 Kb] (cкачиваний: 4)
Похожие статьи:
Комментарии: