博客园 统计某日到现在新增的阅读数 - 简陋

 

-----2022-05-18 更新一下,不用F12看了,直接页面上显示

 

 

 

window.onload = function(){
    console.log("初始化统计 开始日期2022-05-17 09:10:00")
    var ele = document.getElementById('stats-total-view-count');
    if (ele == null) {
        $(document).find('body').append('<div style="position: fixed; bottom: 5px; width: 130px; height: 60px; right: 10px; border: 2px solid #6FA833; padding: 10px; "></br>统计访问数量不兼容,请使用Chrome浏览器访问</br></br></div>');
        return ;
    }
    var curentCount = ele.childNodes[1].innerHTML.replace("\n", "");
    var now = parseInt(curentCount) - 12541;
    var currentMs = (new Date() - new Date("2022-05-17 09:10:00"));
    var mins = (currentMs / 60000);
    console.log("当前新增阅读数:" + now);
    var timeTips = "";
    if (mins > 59 ) {
        var hours =  Math.floor(mins/60);
        var min = (mins % 60).toFixed(2);
        if (hours < 24) {
            timeTips = "" +  hours + " 小时 " + min + " 分钟";
            console.log("" +  hours + " 小时 " + min + " 分钟");
        } else {
        var days =  Math.floor(hours/24);
        var hoursm =  (hours % 24).toFixed(2);
            timeTips = days + "天" + hoursm + " 小时 " + min + " 分钟";
            console.log(days + "天" + hoursm + " 小时 " + min + " 分钟");

        }
    } else {
        timeTips = "" + (currentMs / 60000).toFixed(2) + " 分钟 ";
        console.log("" + (currentMs / 60000) + " 分钟 ");
    }
    $(document).find('body').append('<div style="position: fixed; bottom: 5px; width: 130px; height: 100px; right: 10px; border: 2px solid #6FA833; padding: 10px; ">' + '</br>距今时间: </br>' + timeTips + '</br></br>' + "当前新增阅读数:" + now + '</br></div>');

}

  

相关基础知识点:

1. 根据元素id获取元素:document.getElementById('stats-total-view-count')

2. 获取元素的第二个子元素: 元素.childNodes[1]

3. 获取元素内容:.innerHTML

4. 字符串整数转为整数数字:parseInt("123")

5.日期字符串转为Date类型变量: new Date("2022-05-17 09:10:00")

6. Date变量相减得到相差的毫秒数

7.1分钟等于60000毫秒

8. 数字,向下取整数:Math.floor("1.6") 结果为1

9. 数字,保留两位小数: 1.235456.toFixed(2) 结果为1.24,大于5往上进一位

10. / 取整数部分 % 取余数部分

11. 附加元素: 使用append 如: $(document).find('body').append('<div style="position: fixed; bottom: 5px; width: 30px; height: 30px; right: 10px;">Demo</div>');

 

----2022-05-17 

 

 在 管理 -> 页脚HTML代码里复制如下代码,为什么整这个?我感觉每天的阅读量新增有一百了,我实际确认一下,看是不是真的满百了

需要初始年月日时分秒,差不多就行,

需要当前的阅读数

然后等到第二天,在个人博客首页,F12 看一下,就知道有没有破百了

js : 

window.onload = function(){
    console.log("初始化统计 开始日期2022-05-17 09:10:00")
    var curentCount = document.getElementById('stats-total-view-count').childNodes[1].innerHTML.replace("\n", "");
    var now = parseInt(curentCount) - 12541;
    var currentMs = (new Date() - new Date("2022-05-17 09:10:00"));
    var mins = (currentMs / 60000);
    console.log("当前新增阅读数:" + now);
    if (mins > 59 ) {
        var hours =  Math.floor(mins/60);
        var min = mins % 60;
        console.log("时间 :  " +  hours + " 小时 " + min + " 分钟");
    } else {
        console.log("时间:  " + (currentMs / 60000) + " 分钟 ");
    }
}

 

posted @ 2022-05-17 11:55  人间春风意  阅读(9)  评论(0编辑  收藏  举报