0%

Hexo page footer add website running time statistics

  • Chinese:

The theme of this site has been upgraded to NexT 6.0. For new changes and new solutions, please go to:Hexo NexT theme 6.x version configuration and beautification - word count, website run time, ICP and public security record, multilingual links, etc.


Effect display

Page footer effect

Solution

  1. Find the file footer.swig ubder \themes\next\layout\_partials\

  2. Insert the code shown between the following two snippets

    The red box is where the code is inserted

  3. code

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    	<span id="sitetime"></span>
    <script language=javascript>
    function siteTime(){
    window.setTimeout("siteTime()", 1000);
    var seconds = 1000;
    var minutes = seconds * 60;
    var hours = minutes * 60;
    var days = hours * 24;
    var years = days * 365;
    var today = new Date();
    var todayYear = today.getFullYear();
    var todayMonth = today.getMonth()+1;
    var todayDate = today.getDate();
    var todayHour = today.getHours();
    var todayMinute = today.getMinutes();
    var todaySecond = today.getSeconds();
    /* Date.UTC() -- Returns the number of milliseconds (timestamp) of the date object between midnight on January 1, 1970 and UTC
    year - An integer between 0-11, which is the month of the date object
    month - An integer between 0-11, which is the month of the date object
    day - Integer between 1-31, the number of days as an date object
    hours - An integer between 24:00 and 23 at midnight, as the number of hours for the date object
    minutes - An integer between 0-59 and the number of minutes for the date object
    seconds - An integer between 0-59, which is the number of seconds for a date object
    microseconds - An integer between 0-999, which is the millisecond number of date objects */
    var t1 = Date.UTC(2018,02,13,15,00,00); //Beijing time 2018-2-13 00:00:00
    var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
    var diff = t2-t1;
    var diffYears = Math.floor(diff/years);
    var diffDays = Math.floor((diff/days)-diffYears*365);
    var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
    var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
    var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
    document.getElementById("sitetime").innerHTML=" Website has run "+/*diffYears+" years "+*/diffDays+" days "+diffHours+" h "+diffMinutes+" min "+diffSeconds+" s";
    }/*Because the construction of the station is not yet a year, it will be commented out.
    You can cancel what you need.*/
    siteTime();
    </script>
  4. Compile and see effects using commands. Push the website.