← Tous les exemples

JavaScript Lecture & concentration medium.com

Medium : badge de temps estimé

Compte les mots de l'article et affiche au-dessus un badge avec le temps de lecture estimé.

Code à copier

// 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);
})();

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage