首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在博文顶部添加文章字数及阅读时间信息:阅读本文需要xx分钟

在博文顶部添加文章字数及阅读时间信息:阅读本文需要xx分钟

作者头像
未来sky
发布2018-09-29 11:38:37
2.1K0
发布2018-09-29 11:38:37
举报
文章被收录于专栏:好好学习吧好好学习吧

1、在博客园设置中,页首Html代码中添加js代码

2、js代码如下

<script type="text/javascript">
$("#cnblogs_post_body").ready(function(){
var cnt=0;
var minute1=0;
var minute2=0;
var content = $('#cnblogs_post_body').text();
cnt = content.length - content.match(/[\r\n]/g).length - 102 //去除了换行的字数,这里的102为文章底部声明文字的个数
console.log(cnt / 500);
console.log(cnt / 300);
minute1 = Math.round(cnt / 500); //500为每分钟阅读字数
minute2 = Math.round(cnt / 300);
var p = document.createElement("p");
p.setAttribute("style","color:red;font-weight: bold;font-size:30px;");
p.innerHTML="本文共" + cnt + "字,阅读本文大概需要" + minute1 + "~" + minute2 + "分钟";
$("#cnblogs_post_body").before(p);
});
</script>

3、效果如下

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-09-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档