你是否也好奇阅读一些网站博客 ,他们的预估几分钟阅读,是如何做到的
我将分享一个函数,它可以立即估算出网站的阅读时间
场景:
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
总结
打开控制台即可快速调用尝试
这个函数不仅实用,还有很大的扩展空间。
欢迎在评论区里交流,