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

1307
9.6 из 10
Проголосовало: 30




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

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

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

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

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

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2124
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • ЯдеR написал:
  • ставлю CSS стили и слетает стиль шапки и статистика ни как не меняется на такую, как у вас в примере
  • ЯдеR написал:
  • не работает(
  • BLAzER написал:
  • 404 sad
  • Site_Test написал:
  • вместо
    Код
    <script type="text/javascript">  
    <!-- Progess bar - NEW uCoz "By Lekus" 2017. uFace -->  
    <!--  
    document.write(unescape('%3C%6C%69%6E%6B%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%20%72%65%6C%3D%22%53%74%79%6C%65%53%68%65%65%74%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%75%66%61%63%65%2E%61%74%2E%75%61%2F%64%65%6D%6F%2F%50%72%6F%67%65%73%73%5F%62%61%72%4E%45%57%2F%73%74%79%6C%65%2E%63%73%73%22%20%2F%3E'));
    //-->  
    </script>


    пишем просто
    Код
    <link type="text/css" rel="StyleSheet" href="http://uface.at.ua/demo/Progess_barNEW/style.css" />
    в страница добавления/редактирования материала отображается следуещее ,success:function(a){var a=$(a);!a.text().match('myWinError')? plusrep(a) : _uWnd.content('addEnt',a.text().match(/<div[^<>]*>(.+)<\/div>/i)[0])||$('input.manFlSbm').attr('disabled',0)}

    и не работает ничего(, что делать?
    Последние темы
    Опрос
    291
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: