齐博x1一段不错的小js提高一点点阅读体验 计算本文阅读所需的时长
2024-09-08 10:02:21
如图所示很多比较大的站点都有这样的一个小玩意 就是本文有多少字 阅读需要多少时间。
一段小小的js就可以实现,当然了php也可以功能太小了不值得做钩子或者插件自己需要的话再模板加一下吧。
<script type="text/javascript">
$(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 例如:<div id="content">{$info.content}</div>
然后在他的上面加上一个 就可以了 样式自己写个就好。最终效果
最新文章
- jquery 和 css 属性
- Java 8新特性终极指南
- C#程序调用CodeSoft预先设计好的标签模块实现打印功能
- 20145206邹京儒《Java程序设计》实验报告一:Java开发环境的熟悉(Windows+IDEA)
- js实现touch移动触屏滑动事件
- sqlite的源代码加密,以及其它一些文章
- 嵌入式C语言优化小技巧
- 你该学点HTML/CSS知识的9大理由
- 如何书写高效的css样式
- java基础-不用ide如何打包
- sqlserver可将字符转成数字再进行sum,如果varchar类型中存放的都是数字
- servlet异步处理机制
- 使用Protobuf定义网络协议
- jquery checkbox勾选/取消勾选只能操作一次的诡异问题
- springboot aop的execution 表达式详解
- IC卡触点释放时序
- [Machine Learning][The Analytics Edge][Predicting Earnings from Census Data]
- java调用monkeyrunner(亲测绝对可行)
- curl 抓取图片
- 【Linux 线程】常用线程函数复习《一》