今日浏览别人博客时,看到别人博客每页都有字数统计与预计阅读时间,感觉有点用,只是其用 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