JS给网站添加时间_添加已安全运营X年X天X秒

Dear 丶 2023-07-08 10:28 26阅读 0赞

效果如图:

![20200226121521107.png][]

代码一:

<span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
    <script type="text/javascript">
    function NewDate(str) {
    str = str.split('-');
    var date = new Date();
    date.setUTCFullYear(str[0], str[1] - 1, str[2]);
    date.setUTCHours(0, 0, 0, 0);
    return date;
    }
    function momxc() {
    var birthDay =NewDate("2016-5-6");
    var today=new Date();
    var timeold=today.getTime()-birthDay.getTime();
    var sectimeold=timeold/1000
    var secondsold=Math.floor(sectimeold);
    var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
    var daysold=Math.floor(e_daysold);
    var e_hrsold=(daysold-e_daysold)*-24;
    var hrsold=Math.floor(e_hrsold);
    var e_minsold=(hrsold-e_hrsold)*-60;
    var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
    document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
    setTimeout(momxc, 1000);
    }momxc();
    </script>  <style>
    #momk{animation:change 10s infinite;font-weight:800; }
    @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
    </style>

代码二:

本站已安全运行:
    <span id="momk"></span>
    <script language=javascript>
    function show_date_time(){
    window.setTimeout("show_date_time()", 1000);
    BirthDay=new Date("05-06-2016 12:12:24");//建站日期
    today=new Date();
    timeold=(today.getTime()-BirthDay.getTime());
    sectimeold=timeold/1000
    secondsold=Math.floor(sectimeold);
    msPerDay=24*60*60*1000
    e_daysold=timeold/msPerDay
    daysold=Math.floor(e_daysold);
    e_hrsold=(daysold-e_daysold)*-24;
    hrsold=Math.floor(e_hrsold);
    e_minsold=(hrsold-e_hrsold)*-60;
    minsold=Math.floor((hrsold-e_hrsold)*-60);
    seconds=Math.floor((minsold-e_minsold)*-60);
    momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
    }
    show_date_time();
    </script>
    <style>
    #momk{animation:change 10s infinite;font-weight:800; }
    @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
    </style>

[20200226121521107.png]: https://img-blog.csdnimg.cn/20200226121521107.png