Temps de lecture d'un article ou d'un bloc de texte

Afficher le temps de lecture dynamiquement sur une page (et non via le CMS)

Copier ce script

Etape 1

Copier le script et le coller sur votre page ou projet Webflow

<script>
function get_text(el) {
    ret = "";
    var length = el.childNodes.length;
    for(var i = 0; i < length; i++) {
        var node = el.childNodes[i];
        if(node.nodeType != 8) {
            ret += node.nodeType != 1 ? node.nodeValue : get_text(node);
        }
    }
    return ret;
}
    
var words = get_text(document.querySelector('#article'));
var count = words.split(' ').length;

document.getElementById('temps').innerHTML = Math.round(count / 200).toFixed();
</script>
Copier

Etape 2

Intégrer sur Webflow en adaptant à votre projet et votre configuration

  • Remplacer la section pour laquelle il faut estimer le temps (ici #article)
  • Remplacer l'ID (ici #temps) où le chiffre doit s'afficher