EMLOG增加文章阅读时间计时的方法

时间：2019-8-31 08:30 作者：博客志 分类： emlog教程

很多博主都在自己网站的文章页面设置过阅读耗时的功能，那么，EMLOG如何增加这项功能呢？现在就来为大家分享一个EMLOG增加文章阅读耗时的方法。

一、操作步骤

1、打开模板文件header.php，将<body>替换为<body onload="time_fun()">

2、打开模板文件side.php，在底部插入如下js代码

<script>
        function two_char(n) {
            return n >= 10 ? n : "0" + n;
        }
        function time_fun() {
            var sec=0;
            setInterval(function () {
                sec++;
                var date = new Date(0, 0)
                date.setSeconds(sec);
                var h = date.getHours(), m = date.getMinutes(), s = date.getSeconds();
                document.getElementById("mytime").innerText = " 阅读计时：您阅读本文已花了" +two_char(h) + "小时" + two_char(m) + "分钟" + two_char(s)+ "秒；";
            }, 1000);
        }
    </script>

3、打开模板文件echo_log.php，合适的位置插入如下代码

<div id="mytime">阅读计时：您阅读本文已花了00小时00分钟00秒；</div>

二、注意事项

1、本教程中所使用的调用代码和使用代码必须放在同一个页面里，否则使用失败浏览器会报错，请您务必注意。

2、本教程中所使用的代码不含任何css样式，如果您觉得比较丑，可以自行增加css样式。