当前位置：文江博客话题详情

博客页面读完需要多少分钟怎么设置

发布于 2022-09-07 21:54:39 字数 178 浏览 30 评论 0

图片描述

想把这个“读完需要~分钟”这个功能加到自己的博客上，有哪位大佬知道这个该怎么实现吗
还有这个“~次阅读”，之前博客里引入过这个，但是感觉这个阅读次数并不准确啊，这个该怎么精确计算出阅读次数呢

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我不会写诗 2022-09-14 21:54:39

读完需要~分钟

文章的总字数/一般人每分钟可以读多少字。
这个肯定是一个粗略的估计。

~次阅读

这个绝大部分时候没有必要精确，粗略统计就可以了，当然你非要精确统计也可以。
每个网站对阅读次数统计的规则可能不一样的
有的网站是打开一次文章页面阅读量就加1；
有的网站是某一个用户在一段时间内多次打开网站阅读，但是阅读量却只加1；
规则很多很多了，具体看你项目采用什么规则。
粗略统计或者精确统计，一般都是用缓存实现的，阅读量先放在缓存中，然后在把缓存中的阅读量刷新的db中。
什么时间把阅读量刷到db？
方案很多了：
比如当某个文章的阅读量超过指定的阈值就刷新的db中。
比如使用定时任务等等。

阅读多长时间js实现下吧。
html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
    <title>xxx</title>
  </head>
<body>
    <div id="content">
               这个绝大部分时候没有必要精确，粗略统计就可以了，当然你非要精确统计也可以。

    </div> 
  </body>
</html>

js:

$(function(){
      var readLengthPerMinute = 400;//一般人每分钟阅读字数为300-500左右，这里取400吧。
        var textLength = $('#content').text().length;//获取文章长度
       
      var readTime;
    if(textLength <= readLengthPerMinute){
          readTime = 1;
    }else{
        readTime =Math.round(textLength /readLengthPerMinute ); 
    }
       
    alert("大概需要阅读时间为："+readTime+"分钟");
});

回复收藏 0

~没有更多了~