← Wszystkie przykłady

JavaScript Czytanie i skupienie medium.com

Medium: plakietka szacowanego czasu

Liczy słowa w artykule i pokazuje nad nim plakietkę z szacowanym czasem czytania.

Kod do skopiowania

// Add an estimated reading-time badge above the article
(function () {
  if (document.getElementById('jz-med-time')) { return; }
  const art = document.querySelector('article');
  if (!art) { return; }
  const words = (art.innerText || '').trim().split(/\s+/).length;
  const mins = Math.max(1, Math.round(words / 220));
  const badge = document.createElement('div');
  badge.id = 'jz-med-time';
  badge.textContent = '⏱ ~' + mins + ' min';
  badge.style.cssText = 'display:inline-block;margin:8px 0;padding:3px 10px;' +
    'border-radius:12px;background:#eee;color:#333;font-size:13px;';
  art.insertBefore(badge, art.firstChild);
})();

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