Главная страница / DataLife Engine / Скрипты и другая информация / Время прочтения статьи на jQuery

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

02 мая 2023, Вторник
107
0
Время прочтения статьи на 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. В конце статьи можно скачать архив с 2 файлами readtime.js и readtime.min.js — минифицированная версия загружаем один из файлов к себе на сайт и подключаем после подключения библиотеки jQuery.
    <script src="/{THEME}/js/readtime.js"></script>
    или
    <script src="/{THEME}/js/readtime.min.js"></script>

  3. В нужное место вставляем вывод времени прочтения:
    <strong>Время прочтения:</strong> <span class="time_read"></span>

  4. Ваш текст, или код, который его формирует, оберните в теги:
    <div class="text_read">Ваша статья</div>


Источник
readtime.zip [2.19 Kb] (cкачиваний: 4)
Комментарии:
{login}

Твой комментарий..

Модули для создания киносайта и не только на базе DataLife Engine, и многое другое...
Просто блог Евгения Попова, он же - byroot © 2015-2025 | Карта сайта