Advertisement

获取当前日期时间(年月日、时分秒、星期)

阅读量:

使用JavaScript获取系统当前的日期时间,获取到的当前时间具体到年、月、日,时、分、秒以及当前是星期几。时间也是在不停地走动的,简单又实用。
1、Html部分:

复制代码
    <div class="plane">
    <a id=clock></a>
    </div>

2、JS实现代码:

复制代码
    <script type="text/javascript">
     //==================获取系统当前详细日期时间=================
     var clock = new Clock();
     clock.display(document.getElementById("clock"));
    function Clock() {
    var date = new Date();//实例一个时间对象
    this.year = date.getFullYear();//获取完整的年份(4位)
    this.month = date.getMonth() + 1;//获取当前月份,由于月份从0开始计算,要+1
    this.date = date.getDate();//获取当前日(1-31)
    this.day = new Array("星期日", "星期一", "星期二", "星期三", 
    "星期四", "星期五", "星期六")[date.getDay()];//获取星期
    this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();//获取当前小时数(0-23)
    this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();//获取当前分钟数(0-59)
    this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();//获取当前秒数(0-59)
    
    //当前详细日期时间
    this.toString = function () {
        return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
    };
    
    this.toSimpleDate = function () {
        return this.year + "-" + this.month + "-" + this.date;
    };
    this.toDetailDate = function () {
        return this.year + "-" + this.month + "-" + this.date + 
    " " + this.hour + ":" + this.minute + ":" + this.second;
    };
    //间隔一秒执行一次获取当前时间的方法
    this.display = function (ele) {
       var clock = new Clock();
       ele.innerHTML = clock.toString();
       window.setTimeout(function(){clock.display(ele);}, 1000);
    };
    }
    </script>

3、实现效果:
在这里插入图片描述

全部评论 (0)

还没有任何评论哟~