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

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、效果如下

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏coding

引用第三方样式库实现动画

animate.css是一个能渲染出炫酷效果的css库,只需引用该css库,在相应的元素上加上class类名,即可实现。

701
来自专栏WD学习记录

HTML.Label

如果用户单击 label,浏览器会把焦点传送给相关的输入控件 ,这一点对于复选框和单选按钮特别有用,

641
来自专栏蓝天

常用vim设置

    \ if line("'\"")>0&&line("'\"")<=line("$") |

1064
来自专栏Python小屋

Python爬虫基础:常用HTML标签和Javascript入门

大部分HTML标签是闭合的,由开始标签和结束标签构成,二者之间是要显示的内容,例如:<title>网页标题</title>。也有的HTML标签是没有结束标签的,...

1311
来自专栏WindCoder

Jquery控制input与selected

当以form表单提交,diabled时无法获取数值,readonly可以获取到数值。

1811
来自专栏React Native开发圈

React Native 截屏组件

截取当前屏幕,跟系统自带的截图一致,只会截取当前屏幕显示的页面内容。如果是ScrollView,那么未显示的部分是不会被截取的。

1362
来自专栏快乐八哥

手动实现jQuery Tools里面tab功能

平时开发中用的Javascript类库都是jQuery,用到插件或者第三方类库能从jQuery Tools里面找到,基本不用其他的。当然有时同事喜欢使用jQue...

2309
来自专栏州的先生

快速掌握使用Selenium进行网页操作

1383
来自专栏工具

推荐springboot banner(ASCII特殊文字)在线生成工具,实现自定义banner文字

如果文字工具不能满足需求,还可以选择更多的ASCII文字或者图形,截图如下(部分效果):

1.5K0
来自专栏阿杜的世界

JVM、GC和常用命令

这是11月份的一个分享,借着组内分享的机会,重新梳理了一遍JVM的一些基本概念和学习资料。在这个PPT中,关于G1的部分比较粗略,最近正在恶补G1的知识,后面可...

823

扫码关注云+社区

领取腾讯云代金券