[Javascript] 預計閱讀時間

[复制链接]
這有趣功能是源自 medium.com 的,可以讓讀者在閱讀文章內文前大概知道閱讀全文要多久。
以下是我在本機隨便轉載了篇文章後,再用這功能得到的結果。
153404shz8xg5eafla8gl6.png
在需要位置加入以下的 javascript 代碼:
  1.     <script type="text/javascript">
  2.         jq(document).ready(function() {
  3.             var read_time=jq("#rt").text().length; //獲取文章內容並計算字數
  4.             var read_time=read_time/400; //計算閱讀時間
  5.             var read_time=Math.round(read_time); //四捨五入
  6.             if(read_time>1){
  7.             jq('#read-time').html('預計閱讀時間'+read_time+'分鐘');
  8.           }
  9.         else{
  10.           jq('#read-time').html('預計閱讀時間1分鐘');
  11.         }
  12.         })
  13.     </script>
复制代码
其中代碼裡的 #rt 請自行改為包裹著文章內文的 #id 就行了
另外 jq 是為了代替 $discuz! 發生衝突而改用的,如果自己的站點是用其他字眼代替,麻煩自行修改一下哦

然後在適當位置加入:
  1. id="rt"
复制代码
然後儲存並更新快取即可。
本文內的示意圖裡的設計並不包含在文內,請自行編寫 css 囉~



回复

使用道具 举报

Copyright   ©2015-2016  大糖网  ( 浙ICP备17038000号-1 )

大糖网是站长们一起交流成长的平台,这里可以找到海量、优质精品的源码模板等建站资源