官网
教程
文档
官网文档
小程序集群与uniapp
小程序app接口教程
冰蓝世界版
阿赖耶识与随风版
网站首页
齐博X1教程专栏
文章列表
推荐
一段不错的小js提高一点点阅读体验 计算本文阅读所需的时长
超级蜘蛛查
2024-02-28 16:43:09
68
![](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)
本文链接:https://x1.wanxiangsucai.com/read/376.html
上一篇:
下一篇:齐博x1云标签插件-一件提取关键词无法使用的解决办法
相关文章推荐
1.
给标题栏加个按钮,点击获取内容里文字截取一段做标题
2.
一段不错的小js提高一点点阅读体验 计算本文阅读所需的时长
齐博X1教程专栏最新文章
1.
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
2.
齐博x1云标签插件-一件提取关键词无法使用的解决办法..
3.
关于thinkphp5
4.
齐博X1更新记录
5.
解决Web部署 svg/woff/woff2字体 404错误
6.
云市场注意事项
7.
如何调取当前模块ID
8.
URL伪静态设置
9.
QQ登录接口配置
10.
邮箱接口设置之QQ企业邮箱
齐博X1教程专栏文章推荐
1.
007-用{block}标记来分割布局模板
2.
任意位置调用万能表单的方法 顺便借楼说下purl的作用..
3.
如何给内容页自定义个性模板
4.
APP配置教程及签名工具下载
5.
使用宝塔面板php7.3的用户如果无法安装应用的解决办法..
6.
万能通用短信接口的配置
7.
视频直播接口设置
8.
直播录制为点播的配置
9.
论坛的内容调取与修改发布点赞接口
10.
再强调严禁用记事本改任何文件
建站工具推荐
您可能感兴趣的文章
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
齐博x1云标签插件-一件提取关键词无法使用的解决办法
关于thinkphp5
齐博X1更新记录
解决Web部署 svg/woff/woff2字体 404错误
云市场注意事项
如何调取当前模块ID
URL伪静态设置
QQ登录接口配置
邮箱接口设置之QQ企业邮箱