一段不错的小js提高一点点阅读体验计算本文阅读所需的时长

时间：2024-02-28 16:43:09|栏目：齐博CMSX1教程|点击：39 次

![](https://img.kancloud.cn/08/66/0866a8f1aca1e1b479a5060e0ba83c2c_809x427.png) 如图所示很多比较大的站点都有这样的一个小玩意就是本文有多少字阅读需要多少时间。一段小小的js就可以实现，当然了php也可以功能太小了不值得做钩子或者插件自己需要的话再模板加一下吧。 ~~~ $(document).ready(function() { var read_time = $("#content").text().length; var read_zishu = $("#content").text().length; var read_time = read_time / 400; //计算阅读时间 400字是取中 var read_time = Math.round(read_time); if (read_time > 1) { $('#read-time').html('本文共计' + read_zishu + '字，预计阅读时间' + read_time + '分钟'); } else { $('#read-time').html('预计阅读时间1分钟'); } }) </script> ~~~ ~~~ #content 为内容标签的id 例如：{$info.content}

~~~ 然后在他的上面加上一个![](https://img.kancloud.cn/6c/9d/6c9d1d3c38d4102b9d8b009679af58fa_201x28.png) 就可以了样式自己写个就好。最终效果 ![](https://img.kancloud.cn/dc/06/dc069a598a2df6ecb802d0ca698ef69e_864x509.png)

上一篇：自定义时间插件更新了！新增编辑的时候自定义时间（已经安装过的请看修改教程

栏目：齐博CMSX1教程

下一篇：下面根据运营经验给大家讲下服务器一般配置

本文标题：一段不错的小js提高一点点阅读体验计算本文阅读所需的时长

本文地址：https://zhanzhang.eapis.site/html/376.html

齐博CMSX1教程