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

hik
@Ta 2020-02-29发布,2020-02-29修改 3368点击

纯前端,可做虎绿林插件或使用在你自己网站上。原理很简单,获取文章内容div中的字符串长度,然后除以预测每分钟阅读字数,向上取整即可。

<script>
$(function(){ 
//      获取当前页面URI
        var pathName = window.location.pathname;
// 		通过URL中特征字符串判断当前浏览是不是文章页
		if (pathName.indexOf('topic') > -1) {
		  //  计算文章内容字符数
		    var content_num=$(".topic-content").text().replace(/\s/g, "").length;
		  //  计算阅读时间 很简单除以400取值就行了
		  //    400这个值可任意修改你觉得适合的
		    var content_min=Math.ceil(content_num/400);
		  //  追加到文章内容最前显示
            $('.topic-content').prepend('<p>本文总共 <b>'+content_num+'</b> 字 · 阅读全文大约需要 <b>'+content_min+'</b> 分钟</p>');
		}
});
</script>

演示地址:https://cway.top/post/625.html
友链一下:https://cway.top

回复列表(2|隐藏机器人聊天)
添加新回复
回复需要登录