官网
教程
文档
官网文档
小程序集群与uniapp
小程序app接口教程
冰蓝世界版
阿赖耶识与随风版
网站首页
齐博X1教程专栏
文章列表
推荐
一段不错的小js提高一点点阅读体验 计算本文阅读所需的时长
超级蜘蛛查
2024-02-28 16:43:09
138
 如图所示很多比较大的站点都有这样的一个小玩意 就是本文有多少字 阅读需要多少时间。 一段小小的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://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.
齐博X1--+关注，私信，TA的圈子
2.
如何恢复后台超管权限
3.
如何进入某人的圈子
4.
V系列转换程序重新起航 支持v全系列转X系列(v7转换支持添加到搜索)..
5.
CMS文章与论坛的数据表简介视频教程
6.
关于thinkphp5
7.
圈子黄页风格制作说明
8.
qb:tag与qb:hy的主要区别
9.
X1微信小程序的介绍
10.
第六集,涉及表单碎片的制作开发
建站工具推荐
您可能感兴趣的文章
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
齐博x1云标签插件-一件提取关键词无法使用的解决办法
关于thinkphp5
齐博X1更新记录
解决Web部署 svg/woff/woff2字体 404错误
云市场注意事项
如何调取当前模块ID
URL伪静态设置
QQ登录接口配置
邮箱接口设置之QQ企业邮箱
