在博文顶部添加文章字数及阅读时间信息：阅读本文需要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();
if(content.length < 1)return;
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、效果如下

转载于:https://www.cnblogs.com/kusy/p/9700452.html

在博文顶部添加文章字数及阅读时间信息：阅读本文需要xx分钟相关推荐

在 typecho 中添加文章的最后更新时间功能
我目前使用的主题中是没有在typecho中添加文章的最后更新时间功能的,而我们知道,随着时间的推移,或多或少地我们都会修改曾经发布的文章中的一些信息,所以在文章首或尾显示文章的最后更新时间. 首先,文 ...
vim中自动添加文件的作者、时间信息、版本等
1.linux系统版本:ubuntu-10.10 2.打开:vim ~/.vimrc 在文件末尾添加如下内容,如图一 (图一) 3.新建文件后直接按"F4"可插入作者文件信息,如图 ...
【分享】博客美化(6)为你的博文自动添加目录【转】
转自:http://www.cnblogs.com/asxinyu/p/4344153.html 阅读目录 1.目录样式文件 2.为文章添加固定的信息 3.自动生成目录代码博客园美化相关文章目录:博 ...
【分享】博客美化(6)为你的博文自动添加目录
博客园美化相关文章目录:博客园博客美化相关文章目录这篇文章使用的代码来自于博客园的marvin,非常感谢.在他的文章:如何给你的为知笔记添加一个漂亮的导航目录中,介绍了给文章自动添加目录的过程,我当 ...
微信公众号页面模版怎么添加文章推荐功能
微信公众号中发布的文章可以添加推荐的文章,该怎么添加文章推荐功能呢?下面我们就来看看详细的教程. 微信公众号页面模版怎么添加文章推荐功能? 1.登录微信公众平台,选择"功能"--& ...
如何右键菜单添加命令提示符_在右键菜单顶部添加过滤器命令
如何右键菜单添加命令提示符 Do you spend lots of time in Excel tables, filtering the data, then clearing those fil ...
Django框架项目——BBS项目介绍、表设计、表创建同步、注册、登录功能、登录功能、首页搭建、admin、头像、图片防盗、个人站点、侧边栏筛选、文章的详情页、点赞点踩、评论、后台管理、添加文章、头像
文章目录 1 BBS项目介绍.表设计项目开发流程表设计 2 表创建同步.注册.登录功能数据库表创建及同步注册功能登陆功能 3 登录功能.首页搭建.admin.头像.图片防盗.个人站点.侧边栏 ...
Python使用matplotlib可视化条形图（bar plot）、自定义在条形图的顶部添加数值标签（Bar Chart）
Python使用matplotlib可视化条形图(bar plot).自定义在条形图的顶部添加数值标签(Bar Chart) 目录
wp.qq.com.index.html,使用纯代码给WordPress添加文章目录功能,支持快速定位和多级目录...
wordpress是一款强大的博客系统,支持各种DIY,今天我就给大家带来使用纯代码给Wordpress添加文章目录的功能,使看文章更简单!并且支持点击目录标题快速定位到文章页面指定内容点. 一.文章 ...

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

在博文顶部添加文章字数及阅读时间信息：阅读本文需要xx分钟相关推荐

最新文章

热门文章