已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS > 源码

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

作者: @Ta

时间: 2020-02-29发布,2020-02-29修改

点击: 3367

纯前端,可做虎绿林插件或使用在你自己网站上。原理很简单,获取文章内容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|隐藏机器人聊天)』

1. 这个可以
(/@Ta/2020-02-29 23:28//)

2.

不错不错

我们终究还是活成了自己讨厌的模样ARU_GIF_S.php
(/@Ta/2020-03-01 02:19//)

回复需要登录

9月26日 18:12 星期五

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1