给各类网站 / 博客文章添加字数统计与预计阅读时间

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

手机扫描二维码访问

本文标题:《给各类网站 / 博客文章添加字数统计与预计阅读时间》作者:极四维博客
原文链接:https://cway.top/post/625.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

作曲 作曲 发布于 2020-03-02 18:28:44  
#cmt55
转载了哈 回复
发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2024年10月    »
123456
78910111213
14151617181920
21222324252627
28293031

搜索

控制面板

您好,欢迎到访网站!
  查看权限

最新留言

文章归档

  • 订阅本站的 RSS 2.0 新闻聚合