网站文章预计阅读时间代码

网站制作时,要显示文章内容的字数,和阅读文章需要的时间,可以用如下代码。
1、添加下面的js代码,来获取文章内容字数,并通过计算,按照400个字1分钟,大体算出需要阅读几分钟。
<script type="text/javascript">
$(document).ready(function() {
var zishu=$('#content').text().length; //获取文章内容并计算字数
var read_time=zishu/400; //计算阅读时间
var read_time=Math.round(read_time); //四舍五入

if(read_time>1){
$('#read-time').html('本文共'+zishu+'个字,预计阅读时间:'+read_time+'分钟。');
}
else{
$('#read-time').html('本文共'+zishu+'个字,预计阅读时间:1分钟。');
}
})
</script>

2、添加一个显示位置,id设置为read-time,其内容会显示类似:本文共500个字,预计阅读时间:1分钟。
<div id='read-time'></div>

3、文章内容的id要设置为content 。
<div id='content' >这里是文章内容,div的id设置为content</div>

这样js就可以统计文章内容字数和需要的阅读时间,并显示出来了。
返回顶部
 
QQ在线咨询
QQ客服
淘宝官网