【emlog代码】Emlog添加阅读文章时间计时代码

2019年7月24日 0条评论热度：886 字号：大 | 中 | 小

【emlog代码】Emlog添加阅读文章时间计时代码

这段计时代码说白了就是js计时器：00:00:00，时间从秒开始，打开html页面后开始计时。

现在教大家如何将上述代码转换并安装到Emlog：
1.首先打开你主题的header.php，查找到<body>，替换为<body onload="time_fun()">，onload故名思语就是“页面加载完成后执行的动作”，一般就写在body里面。
2.打开side.php，末尾插入以下JavaScript脚本：

<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.在合适地方插入以下代码：

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

如果你觉得雨滴资源网对你有帮助的话,可以小小的打赏一下小站,用于维持本站的运营！

以下为全部代码：

<!DOCTYPE html>
<html lang="en" xmlns="https://www.w3.org/1999/xhtml">
 <head> 
  <meta charset="utf-8" /> 
  <title></title> 
  <style>
        #mytime {
            text-align: center;
        }
    </style> 
  <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> 
 </head> 
 <body onload="time_fun()"> 
  雨滴资源网计时代码运行范例：<h1 id="mytime">00:00:00</h1>  
 </body>
</html>

Plugins by 雨滴资源网

赞 (0) 打赏分享