← Wszystkie przykłady

JavaScript Czytanie i skupienie

Plakietka szacowanego czasu czytania

Liczy słowa w artykule i wyświetla w rogu plakietkę z szacowanym czasem czytania przy 220 słowach na minutę.

Kod do skopiowania

(function () {
  var article = document.querySelector('article, .post, .entry-content, main');
  if (!article) return;
  var words = (article.innerText || '').trim().split(/\s+/).filter(Boolean).length;
  if (words === 0) return;
  var minutes = Math.max(1, Math.round(words / 220));
  var badge = document.createElement('div');
  badge.textContent = '~' + minutes + ' min read';
  badge.style.cssText = 'position:fixed;top:12px;right:12px;z-index:999999;' +
    'background:#5b4636;color:#fff;font:600 13px/1 sans-serif;' +
    'padding:6px 10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.25);';
  document.body.appendChild(badge);
})();

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania