网页底部显示 “本站已安全运行……天” 代码

<span id="runtimeSpan" style="color: #ff0000;"></span>
<script type="text/javascript">
    function showRuntime(){
        window.setTimeout("showRuntime()", 1000);
        var startTime = new Date("3/10/2020 00:00:00"); 
        var nowTime = new Date();
        var timestamp = (nowTime.getTime() - startTime.getTime());
        var oneDayMilliseconds = 24*60*60*1000;
        var totalDaysTmp = timestamp / oneDayMilliseconds;
        var totalDays = Math.floor(totalDaysTmp);
        var yuHoursTmp = (totalDaysTmp - totalDays) * 24;
        var yuHours = Math.floor(yuHoursTmp);
        var yuMinutesTmp = (yuHoursTmp - yuHours) * 60;
        var yuMinutes = Math.floor((yuHoursTmp - yuHours) * 60);
        var yuSeconds = Math.floor((yuMinutesTmp - yuMinutes) * 60);
        var yuHours = yuHours < 10 ? '0' + yuHours : yuHours;
        var yuMinutes = yuMinutes < 10 ? '0' + yuMinutes : yuMinutes;
        var yuSeconds = yuSeconds < 10 ? '0' + yuSeconds : yuSeconds;
        runtimeSpan.innerHTML = "本站已安全运行: " + totalDays + "" + yuHours + "小时" + yuMinutes + "" + yuSeconds + "";
    }
    showRuntime();
</script>
<style>
    #runtimeSpan{animation: change 10s infinite;font-weight: 800;}
    @keyframes change{0%{color:#AAC9CE;}25%{color:#F56A79;}50%{color:#1AA6B7;}75%{color:#FCF9F0;}100%{color:#E73B3E;}}
</style>

 

posted @ 2024-01-22 11:46  浅岛连云  阅读(108)  评论(0编辑  收藏  举报