js操作日期基本格式

文章最后更新时间为:2018年08月14日 11:08:22

突然想给网站底部加上网站运行时间,于是自己动手撸了一个简单的代码段。

1. js获取当前时间

首先得了解js怎么获取到时间。

<script>
    var date=new Date();
    //Fri Jun 01 2018 20:28:06 GMT+0800 (中国标准时间) 
    
    var year=date.getFullYear();
    //获取完整的年份(4位,如2018)

    var month=date.getMonth(); 
    //获取当前月(0-11)

    var day=date.getDate();
    //获取当前日(1-31)

    var day=date.getDay();
    //获取当前星期几(0-6,0代表周日)

    var time=date.getTime();
    //从1970.1.1开始到现在经历的毫秒数

    var hour=date.getHours();
    //获取当前小时数(0-23)

    var minute=date.getMinutes();
    //获取当前分钟数(0-59)

    var second=date.getSeconds();
    //获取当前秒数(0-59)

    var millisecond=date.getMilliseconds();
    //获取当前毫秒数(0-999)

    var d=date.toLocaleDateString(); 
    //获取当前日期(例如2018/6/1)

    var s=date.toLocaleTimeString();
    //获取当前时间(例如下午8:48:42)

    var ds=date.toLocaleString();
    //获取日期和时间(例如 2018/6/1 下午8:49:21)

实例(输出该网站已经运行.....):

<script>
    function siteTime() {
        window.setTimeout("siteTime()", 1000);//刷新函数
        var nowTime = new Date();
        var oldTime = new Date(2017,3,3,0,0,0); //网站开启日期
        var t = nowTime.getTime() - oldTime.getTime();
        var d=Math.floor(t/1000/60/60/24);//运行天数
        var year=Math.floor(d/365);
        var day=d%365;
        var hour=Math.floor(t/1000/60/60%24);
        var minute=Math.floor(t/1000/60%60);
        var second=Math.floor(t/1000%60);     
        document.getElementById('sitetime').innerHTML="已运行"+year+'年'+day+'天'+hour+'时'+minute+'分'+second+'秒';  
        }
    siteTime();
</script>
<p id='sitetime'></p>

建站日期需要自己设置,效果就是本站底部那样,看起来效果凑合吧。

1 + 5 =
快来做第一个评论的人吧~