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

图片描述

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

阅读 2.3k
1 个回答
读完需要~分钟

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

~次阅读

这个绝大部分时候没有必要精确,粗略统计就可以了,当然你非要精确统计也可以。
每个网站对阅读次数统计的规则可能不一样的
有的网站是打开一次文章页面阅读量就加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+"分钟");
});