js估算一篇文章的阅读时长

js估算一篇文章的阅读时长

每天早上上班在地铁里我都有看技术类文章以及实时新闻的习惯,偶尔会看到有些文章的开始部分会提醒我们这篇文章大概的阅读时长,我就在想这是怎么实现的,具体到前端开发中,又是如何实现的。今天在浏览SegmentFault论坛时,无意中看到了一篇关于“如何估算文章阅读时长?”的帖子,于是就从头到尾看了下实现的原理,谁知实现起来会那么简单。如下图:

688074-20180605154050731-1664245635.jpg

知道了实现的原理,那么就来看看具体的代码是如何实现的:

var readTime = document.querySelector(".article").innerText.length;
var readTime = readTime / 400;              //计算阅读时间(一般,人的阅读速度是300-500字/分钟 ,所以就取了个400,这个值可以根据自己的实际需求来更改)
var readTime = Math.round(readTime);    //四舍五入

if(readTime > 1){
    console.log('预计阅读时长:' + readTime + '分钟');
}else{
    console.log('预计阅读时长:1分钟');
}

我找了一篇文章测试了一下,1200字左右的文章,阅读时长大概就是3分钟。既然是预计,那么这个计算结果就不会很准确,只是个大概而已。

本文参考:https://segmentfault.com/a/1190000015175191?utm_source=index-hottest
http://tieba.baidu.com/p/3744742808

转载于:https://www.cnblogs.com/tnnyang/p/9140219.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101623.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 怎么用matlab画心形曲线方程,matlab画心形曲线「建议收藏」

    怎么用matlab画心形曲线方程,matlab画心形曲线「建议收藏」Matlab绘制三维动态心形It’sOKtosendapicto…Matlab绘制三维动态心形It’sOKtosendapicto…(x,y1,’-r’,x,y2,’-.k’,’linewidth’,2)8、绘制心形图r=2(1-cosθ)的极坐标图形>>theta=[0:0.01:2*pi];>>polar(theta,…

    2022年10月16日
    5
  • centos7 yum安装MongoDB[通俗易懂]

    centos7 yum安装MongoDB[通俗易懂]原文博客地址http://xgs888.top/post/view?id=64centos7yum安装mongodb;1:创建仓库vi/etc/yum.repos.d/mongodb-org-3.4.repo2:把下面的内容复制到文件中保存退出[mongodb-org-3.4]name=MongoDBRepositorybaseurl

    2022年5月24日
    34
  • Tomcat安装及配置教程(超详细的图文教程)「建议收藏」

    Tomcat安装及配置教程(超详细的图文教程)「建议收藏」Tomcat安装及配置教程(超详细的图文教程)1.什么是TomcatTomcat服务器是一个免费的开放源代码的Web应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP程序的首选。对于一个初学者来说,可以这样认为,当在一台机器上配置好Apache服务器,可利用它响应HTML(标准通用标记语言下的一个应用)页面的访问请求。实际上T…

    2022年5月4日
    60
  • 浅析AnyCast网络技术「建议收藏」

    浅析AnyCast网络技术「建议收藏」什么是BGPAnyCast?BGPanycast就是利用一个(多个)as号码在不同的地区广播相同的一个ip段。利用bgp的寻路原则,短的aspath会选成最优路径(bgp寻路原则之n),从而优化了访问速度。其实bgpanycast是不同服务器用了相同的ip地址。阿里的DNS就是使用了BGPAnyCast“其实bgpanycast是不同服务器用了相同的ip地址。”言简意赅啊!D…

    2022年5月24日
    50
  • [Python知识图谱] 一.哈工大pyltp安装及中文分句、中文分词、导入词典基本用法

    [Python知识图谱] 一.哈工大pyltp安装及中文分句、中文分词、导入词典基本用法本系列文章主要结合Python语言实现知识图谱构建相关工程,具有一定创新性和实用性,非常希望各位博友交流讨论,相互促进成长。第一篇文章主要介绍哈工大pytltp工具,包括安装过程、中文分词、词性标注和实体识别等。基础性文章,希望对您有所帮助。

    2025年6月5日
    2
  • Platform SDK、Windows SDK简介

    Platform SDK、Windows SDK简介PlatformSDK、WindowsSDK简介由于经常游离于多个WINDOWS版本之间,复习一下内容和一些历史渊源转载自https://www.cnblogs.com/kekec/p/3912148.html(可可西-PlatformSDK、WindowsSDK简介)PlatformSDK及WindowsSDK是由微软公司出品的一个软件开发包,向在微软的Windows操作…

    2022年6月4日
    101

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号