官网
教程
文档
官网文档
小程序集群与uniapp
小程序app接口教程
冰蓝世界版
阿赖耶识与随风版
网站首页
齐博X1教程专栏
文章列表
推荐
一段不错的小js提高一点点阅读体验 计算本文阅读所需的时长
超级蜘蛛查
2024-02-28 16:43:09
135
 如图所示很多比较大的站点都有这样的一个小玩意 就是本文有多少字 阅读需要多少时间。 一段小小的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.
如何给二维多维数组定义描述
2.
标签的嵌套用法,调用聚合数据
3.
循环栏目并调用栏目信息内容
4.
耗时的功能异步启用子进程
5.
风格模块碎片是什么?
6.
如何弹出客服会话窗口
7.
一段不错的小js提高一点点阅读体验 计算本文阅读所需的时长..
8.
齐博X1更新记录
9.
当前URL标签
10.
公众号发送关键字没反应的原因
建站工具推荐
您可能感兴趣的文章
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
齐博x1云标签插件-一件提取关键词无法使用的解决办法
关于thinkphp5
齐博X1更新记录
解决Web部署 svg/woff/woff2字体 404错误
云市场注意事项
如何调取当前模块ID
URL伪静态设置
QQ登录接口配置
邮箱接口设置之QQ企业邮箱
