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

2143
9.4 из 10
Проголосовало: 34




  • Скачать с сервера
  • Скачать
  • Смотреть демо

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

Чем же хорош этот скрипт?

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">$MESSAGE$</div>


Установка закончена.

Настройка скрипта

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

Код
images: 12, // время чтения изображения в секундах  
wpm: 275 // количество слов в минуту


Если вы хотите исключить время для изображений – выставьте значение 0.
Автор публикации: Загрузка
Загрузка
Fox, это его n материал
  • Всего комментариев: 3

Вовчик
0
Вовчик написал: в материале Написано 05 Февраля 2017 в 13:03
Комментарий №1
Fox, прям красавчик, с первого раза выложил материал так, что не пришлось его редактировать, давно я таких людей не встречал)))

Fox
0
Fox написал: в материале Написано 05 Февраля 2017 в 17:58
Комментарий №2
Спасибо, я 11-ый год на uCoz и Ваша форма добавления мне очень понравилась =)

Вовчик
0
Вовчик написал: в материале Написано 05 Февраля 2017 в 23:42
Комментарий №3
Ничего себе, а я всего 8 лет на uCoz happy

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 432
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • geleson2222 написал:
  • ?
  • Doc120 написал:
  • /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
    opacity:0.1 ; это легальное скрытее $POWERED_BY$
    ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.
  • Doc120 написал:
  • Ставим в ccs и все
    /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
  • topkalife написал:
  • Было бы лучше если бы данный скрипт работал)
  • k43 написал:
  • Возможно из-за капчи для пользователей
    Последние темы
    Опрос
    537
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    • Обратная связь
    • Правила
    • RSS
    • +18
    • Мобильная версия
    • Хостинг от uCoz
    • Хостинг от uCoz
    • Copyright - webo4ka.ru © 2010-2024 г.
    • Design by Вовчик
      Администратор:)