今日浏览别人博客时,看到别人博客每页都有字数统计与预计阅读时间,感觉有点用,只是其用 PHP 代码写的。也有 Hexo 网站的字数统计,但是是其自带的功能。于是用自己仅会的一点 JS 知识写个简单的文章字数统计与阅读时间预测。

// 获取当前页面 URI
var pathName = window.location.pathname;
// 通过 URL 中特征字符串判断当前浏览是不是文章页
// 本站文章页 URI 含 'post/''
if (pathName.indexOf('post/') > -1) {
// 计算文章内容字符数
// .article-content 为本站文章内容 div
var content_num=$(".article-content").text().replace(/\s/g, "").length;
// 计算阅读时间 很简单除以 400 取值就行了
// 400 这个值可任意修改你觉得适合的
var content_min=Math.ceil(content_num/400);
// 追加到文章内容最前显示
$('.article-content').prepend('<p class="putong"> 本文总共 <b>'+content_num+'</b> 字 · 阅读全文大约需要 <b>'+content_min+'</b> 分钟 </p>');
}以上可部署在任意支持自定义 HTML/JS 的博客或网站上,只需更改上面 css 样式名即可。若获取不到值请将其放到 onload 或 ready 事件中即可。
#cmt55