🕒仅需一个JavaScript函数,预测网页阅读时间!原理超级简单

320 阅读1分钟

你是否也好奇阅读一些网站博客 ,他们的预估几分钟阅读,是如何做到的

我将分享一个函数,它可以立即估算出网站的阅读时间

场景:红色文字当你打开一篇长文章时,能立即知道需要花费多少时间阅读\color{red}{红色文字 当你打开一篇长文章时,能立即知道需要花费多少时间阅读}

function estimateReadingTime(options = {}) {
  // 可配置的阅读速度
  const wordsPerMinute = options.wordsPerMinute || 200;
  
  // 更精确地获取主要内容
  const mainContent = document.querySelector('main, article, .content') || document.body;
  
  // 过滤掉不需要计算的元素
  const text = mainContent.innerText
    .replace(/\s+/g, ' ')  // 标准化空白
    .trim();
  
  const wordCount = text.split(/\s+/).length;
  const readingTime = Math.ceil(wordCount / wordsPerMinute);
  
  // 支持更详细的输出
  console.log(`总字数: ${wordCount}    预计阅读时间: ${readingTime} 分钟 `);
  return readingTime;
}

💡 实际应用场景

博客网站阅读时间提示
新闻网站阅读进度预测
个人网站用户体验优化

发挥想象咱们可以集成一个chrome扩展 增加咱们的经验 ,这可能只会花费你数分钟即可完成

WPM (Words Per Minute) 分钟阅读单词数 详细解析

普通成年人平均阅读速度:约 200-250 WPM

总结

image.png

打开控制台即可快速调用尝试

这个函数不仅实用,还有很大的扩展空间。

欢迎在评论区里交流,