Typecho-Joe主题新增文章阅读时长统计

无心博客
2025-05-26 / 0 评论 / 20 阅读 / 正在检测是否收录...

c38e12fa18ada1a3e6ef909baa888eba70d5bf6ee8a7181d122c21d07ad66f3a.0.PNG

1.修改functions.php文件,底部增加,文件路径:/usr/themes/Joe

// 文章阅读时长设置
$onlineTime = new Typecho_Widget_Helper_Form_Element_Select(
    'onlineTime',
    array(
        'off' => '关闭(默认)',
        'on' => '开启',
    ),
    'on',
    '是否启用文章阅读时长统计',
    '介绍:开启后,文章底部展示文章字数,预计阅读时长和已阅读时长'
);
$onlineTime->setAttribute('class', 'joe_content joe_custom'); //如果设置无法展示,请将joe_custom替换为joe_other
$form->addInput($onlineTime->multiMode());

de2553a1d9d3dab68ab29fc9e184885b0e3f23e8c9b384353e37f42c1b73346b.0.PNG

2.修改article.php文件,文件路径:usr/themes/Joe/public
第一段代码

<div class="contain" style="margin-bottom: 10px; <?php if(Helper::options()->onlineTime !== 'on') echo 'display:none;'  ?>">
    <blockquote id="onlineTime">本文共 <?php art_count($this->cid); ?> 个字数,平均阅读时长 ≈ <?php echo art_time($this->cid); ?>分钟</blockquote>
</div>
</div>

a115f1cb7c43a28ec95fa4a359b821dc3b5176c9fefa6e6e368a647e21b21533.0.PNG

第二段代码

<?php 
//文章阅读时间统计
function art_time ($cid){
    $db=Typecho_Db::get ();
    $rs=$db->fetchRow ($db->select ('table.contents.text')->from ('table.contents')->where ('table.contents.cid=?',$cid)->order ('table.contents.cid',Typecho_Db::SORT_ASC)->limit (1));
    $text = preg_replace("/[^\x{4e00}-\x{9fa5}]/u", "", $rs['text']);
    $text_word = mb_strlen($text,'utf-8');
    echo ceil($text_word / 400);
}

//文章字数统计
function  art_count ($cid){
    $db=Typecho_Db::get ();
    $rs=$db->fetchRow ($db->select ('table.contents.text')->from ('table.contents')->where ('table.contents.cid=?',$cid)->order ('table.contents.cid',Typecho_Db::SORT_ASC)->limit (1));
    $text = preg_replace("/[^\x{4e00}-\x{9fa5}]/u", "", $rs['text']);
    echo mb_strlen($text,'UTF-8');
}
?>
<script language="javascript">
    var second=0;
    var minute=0;
    var hour=0;
    window.setTimeout("interval();",1000);
    function interval()
    {
        second++;
        if(second==60)
        {
            second=0;minute+=1;
        }
        if(minute==60)
        {
            minute=0;hour+=1;
        }
        var onlineTime = "您已阅读:" + hour + "时" + minute + "分" + second + "秒。";
        var joe_message_content = "本文共 " + <?php art_count($this->cid); ?> + "个字数,平均阅读时长 ≈ " + <?php echo art_time($this->cid); ?> + "分钟,";
        $('#onlineTime').text(joe_message_content + onlineTime);
        window.setTimeout("interval();", 1000);
    }
</script>

b3c9e3c8e30f49e1a178e82017d177040030cfa368aa8ffbd2fc866efe51f3db.0.PNG

1

评论 (0)

取消