«

EMLOG文章页添加文章阅读时间统计的方法

时间:2019-9-11 09:30     作者:博客志     分类: emlog教程


很多好看的EMLOG模板上都带有阅读时间统计的代码,现在就来为大家分享EMLOG文章页添加文章阅读时间统计的方法,为默认模板和其他不具备此功能的模板添砖加瓦。

一、操作步骤

1、打开模板文件echo_log.php,将下面的代码择其一粘贴到合适的位置

代码一
<div id="tingliu"><span class="tingliu2 hint--top hint--bounce" data-hint="希望这篇文章能给你带来收获,去发表评论吧!?">
<a href="##"><img src="http://u6.gg/sFNkU" alt="EMLOG添加文章统计阅读时间" class="tingliu5"></a>
</span> &nbsp;<span class="tingliu2">您阅读这篇文章共花了:</span>&nbsp;<span class="tingliu3" id="stime"></span></div>
<script language="JavaScript">var ss=0,mm=0,hh=0;function TimeGo(){ss++;if(ss>=60){mm+=1;ss=0}if(mm>=60){hh+=1;mm=0}ss_str=(ss<10?"0"+ss:ss);mm_str=(mm<10?"0"+mm:mm);tMsg=""+hh+"小时"+mm_str+"分"+ss_str+"秒";document.getElementById("stime").innerHTML=tMsg;setTimeout("TimeGo()",1000)}TimeGo();</script>

代码二
<p style="text-align: center;"><img src="http://u6.gg/sFNkU" alt="EMLOG添加文章统计阅读时间" ></span>  <span>您阅读这篇文章共花了:</span>
<span id="stime"></span>
<script language="JavaScript">var ss=0,mm=0,hh=0;function TimeGo(){ss++;if(ss>=60){mm+=1;ss=0}if(mm>=60){hh+=1;mm=0}ss_str=(ss<10?"0"+ss:ss);mm_str=(mm<10?"0"+mm:mm);
tMsg=""+hh+"小时"+mm_str+"分"+ss_str+"秒";document.getElementById("stime").innerHTML=tMsg;setTimeout("TimeGo()",1000)}TimeGo();</script></p>

二、原理解析

通过给文章页增加简单的JS计时代码,实现阅读统计

三、注意事项

1、本教程适用于任何PHP网站程序,在合适的位置添加代码即可