为网站添加动态的运行时间小功能

这个添加本站动态的运行时间小功能,个人觉得加上还是很有必要的(参考本站页尾效果),一个是记录自己网站经营了多久,第二个,如果网站运行时间长,用户看到这个时间,也会觉得不是水站。可靠些吧。废话不多说,直接开始。

下面代码已去掉多余的html结构,直接复制到适合网页适合的位置使用即可:

一,天时分秒格式

<strong><span id="showsectime" style="color:#FF0000;"></span></strong>
    <p>大雄搜集站:soujiz.com</p>
    <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 showsectime() {
    var birthDay =NewDate("2020-10-21");
    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("showsectime").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
    setTimeout(showsectime, 1000);
    }showsectime();
    </script>

效果图:

为网站添加动态的运行时间小功能插图

二,年天时分秒格式

 

 

© 版权声明
THE END
点赞10 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容