如何给网站加上一个运行时间呢?几行简单的代码即可搞定!

东海大仙

给网站添加运行时间,通常是通过在网页上嵌入一段JavaScript代码来实现的。这段代码会计算自网站建立或上线以来的总运行时间,并将结果显示在页面上。以下是一个基本的f方法一步骤指南:

1、确定建站时间或上线时间:首先,你需要知道你的网站是什么时候建立或上线的。这通常是一个特定的日期和时间,例如“2023-01-01 00:00:00”。

2、编写JavaScript代码:使用JavaScript编写一个函数,该函数会计算自建站时间或上线时间以来的总时间差,并将其转换为天、小时、分钟和秒。以下是一个简单的示例代码:

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>网站运行时间</title>  
</head>  
<body>  
    <div id="runtime"></div>  
  
    <script>  
        function getRuntime() {  
            var startDate = new Date("2023-01-01 00:00:00"); // 修改为你的建站时间或上线时间  
            var now = new Date();  
            var diff = now - startDate;  
            var days = Math.floor(diff / (1000 * 60 * 60 * 24));  
            var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));  
            var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));  
            var seconds = Math.floor((diff % (1000 * 60)) / 1000);  
              
            return "运行时间: " + days + "天 " + hours + "小时 " + minutes + "分钟 " + seconds + "秒";  
        }  
  
        document.getElementById("runtime").innerHTML = getRuntime();  
        setInterval(function() {  
            document.getElementById("runtime").innerHTML = getRuntime();  
        }, 1000); // 每秒更新一次运行时间  
    </script>  
</body>  
</html>

这段代码首先定义了一个getRuntime函数,该函数计算自指定日期以来的总时间差,并将其转换为天、小时、分钟和秒。然后,它获取页面上的一个元素(在这里是div元素,其ID为“runtime”),并将运行时间显示在该元素中。最后,使用setInterval函数每秒更新一次运行时间。

3、将代码嵌入到网页中:将上述代码嵌入到你的网页的HTML结构中。你可以将其放在<body>标签内的任何位置,或者根据需要调整样式和布局。

4、测试和调试:在浏览器中打开你的网页,并检查运行时间是否正确显示。如果需要,你可以调整代码中的样式或逻辑以满足你的需求。

方法二:

1、首先我们先复制下面这一连串的代码到网站的 <header>

<script type="text/javascript">
    function show_runtime() {
        window.setTimeout("show_runtime()", 1000);
        X = new Date("8/24/2021 10:28:00");
        Y = new Date();
        T = (Y.getTime() - X.getTime());
        M = 24 * 60 * 60 * 1000;
        a = T / M;
        A = Math.floor(a);
        b = (a - A) * 24;
        B = Math.floor(b);
        c = (b - B) * 60;
        C = Math.floor((b - B) * 60);
        D = Math.floor((c - C) * 60);
        runtime_span.innerHTML = "本小站已上线运行: " + A + "天" + B + "小时" + C + "分" + D + "秒"
    }
    show_runtime();
</script>

2、然后我们在想要显示代码的地方添加一下代码即可

<span id="runtime_span"></span>



手机扫描二维码访问

文章版权声明:除非注明,否则均为海东博科原创文章,转载或复制请以超链接形式并注明出处。

目录[+]

取消
微信二维码
微信二维码
支付宝二维码