给各类网站/博客文章添加字数统计与预计阅读时间
😂 这篇文章最后更新于1518天前,您需要注意相关的内容是否还可用。
今日浏览别人博客时,看到别人博客每页都有字数统计与预计阅读时间,感觉有点用,只是其用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事件中即可。
转载了哈
OK