网站添加已运行多长时间的统计代码

很多站长友友们,都喜欢在自己网站的底部加入网站已运行多少天的代码。今天有用户过来询问此功能的实现方法,就把以前在网站收集的几段代码分享出来。有需要就拿去吧。

js网站已运行多少天的代码

示例1:

<script language = "JavaScript"type = "text/javascript" >
    //添加网站的上线时间
    var urodz = new Date("11/18/2016");
    var now = new Date();
    var ile = now.getTime() - urodz.getTime();
    var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
    document.write(dni+"天");
</script>

代码运行结果:
1058天
注:
1、此示例只能计算出开始时间到现在相距多天
2、将 11/18/2016 修改成自己网站的上线时间即可;
示例2:

<span id="span"></span>
<script type="text/javascript">
    function runtime(){
        // 初始时间,日/月/年 时:分:秒
        X = new Date("11/18/2016 8:32: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);
        //信息写入到DIV中
        span.innerHTML = "本站勉强运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"
    }
    setInterval(runtime, 1000);
</script>

运行结果:
本站勉强运行: 1058天13小时34分46秒
注:
1、此代码输出的时间,其秒数是动态变化的
2、将 11/18/2016 8:32:00 修改成网站的上线时间

php 网站已运行多少天的代码

示例代码:
PHP函数

<?php
function Sec2Time($time){
    //设置时区,如果需要去掉注释即可
    //date_default_timezone_set('Asia/Shanghai');
    $stime = strtotime($time);
    $times = time() - $stime;
    if(is_numeric($times)){
        $value = array(
            "years" => 0, 
            "days" => 0, 
            "hours" => 0,
            "minutes" => 0, 
            "seconds" => 0,
        );
        if($times >= 31556926){
            $value["years"] = floor($times / 31556926);
            $times = ($times % 31556926);
        }
        if($times >= 86400){
            $value["days"] = floor($times / 86400);
            $times = ($times % 86400);
        }
        if($times >= 3600){
            $value["hours"] = floor($times / 3600);
            $times = ($times % 3600);
        }
        if($times >= 60){
            $value["minutes"] = floor($times / 60);
            $times = ($times % 60);
        }
        $value["seconds"] = floor($times);
        return (array) $value;
    }else{
        return (bool) FALSE;
    }
}
?>

函数调用:

<?php
//可以修改成自己网站的初始时间
$time = Sec2Time('2016-08-11 00:00:00');
echo $time['years'].'年'.$time['days'].'天'.$time['hours'].'小时';
// $time['minutes'] 分
// $time['seconds'] 秒
?>

运行结果:
3年62天2小时

好的,以下是一个示例的 JavaScript 代码,可以实现一个统计页面已运行多长时间的功能: HTML 代码: ``` <footer> <div class="liquid"></div> <div id="running-time">页面已运行 <span id="time-counter">0</span> 秒</div> </footer> ``` CSS 代码: ``` footer { position: relative; height: 100px; /* 设置页脚高度 */ } .liquid { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; /* 设置液体高度 */ background-color: #0077ff; /* 设置液体颜色 */ animation: wave 2s infinite linear; transform-origin: center bottom; } #running-time { position: absolute; bottom: 10px; right: 10px; color: #ffffff; /* 设置文字颜色 */ font-size: 14px; /* 设置文字大小 */ } @keyframes wave { 0% { transform: translateX(0) translateZ(0) scaleY(1); } 50% { transform: translateX(50%) translateZ(0) scaleY(0.6); } 100% { transform: translateX(100%) translateZ(0) scaleY(1); } } ``` JavaScript 代码: ``` var timeCounter = document.getElementById("time-counter"); var startTime = new Date().getTime(); // 获取页面打开的开始时间 function updateTime() { var currentTime = new Date().getTime(); var elapsedTime = Math.floor((currentTime - startTime) / 1000); // 计算已经过去的秒数 timeCounter.innerHTML = elapsedTime; // 更新页面上的计时器 } setInterval(updateTime, 1000); // 每隔1秒更新一次计时器 ``` 解释: - `footer` 元素用于包裹整个页脚,设置了高度和定位。 - `liquid` 元素用于表示液体,设置了宽度和高度,并通过 `position` 属性设置在页脚底部,通过 `background-color` 属性设置颜色。 - `#running-time` 元素用于展示页面已经运行的时间,通过 `position` 属性设置在页脚右下角,通过 `color` 和 `font-size` 属性设置文字颜色和大小。 - JavaScript 代码中,获取页面打开的开始时间,并通过 `setInterval` 函数每隔1秒更新一次计时器。 这个示例只是一个基本的实现,您可以根据自己的需求进行调整和优化。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值