javascript中怎么获取当前时间

这篇文章给大家分享的是有关javascript中怎么获取当前时间的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联公司长期为上千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为鹤山企业提供专业的网站制作、网站设计，鹤山网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

在javascript中，可以使用Date对象中的Date()方法来获取当前时间，该方法可返回当天的日期和时间；也可以使用“new Date()”创建一个时间对象，利用内置的时间读取方法，分别获取年、月、日、时、分、秒等信息。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

在javascript中可以使用Date对象中的Date()方法来获取当前时间。Date() 方法可返回当天的日期和时间。

Date()

示例：输出今天的日期和时间

console.log(Date())

输出：

或者使用Date对象中不同方法，格式化时间，以固定格式显示时间。

首先使用 new Date() 创建一个现在时间对象，然后使用 get 为前缀时间读取方法，分别获取现在时的年、月、日、时、分、秒等信息，最后通过定时器设置每秒执行一次，实现实时更新。

【操作步骤】

1) 设计时间显示函数，在这个函数中先创建 Date 对象，获取当前时间，然后分别获取年份、月份、日份、时、分、秒等信息，最后组装成一个时间字符串并返回。

var showtime = function () {
    var nowdate = new Date();
    var year = nowdate.getFullYear(),
        month = nowdate.getMonth() + 1,
        date = nowdate.getDate(),
        day = nowdate.getDay(),
        week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
        h = nowdate.getHours(),
        m = nowdate.getMinutes(),
        s = nowdate.getSeconds(),
        h = checkTime(h),
        m = checkTime(m),
        s = checkTime(s);
    return year + "年" + month + "月" + date + "日" + week[day] + " " + h +":" + m + ":" + s;
}

2) 因为平时看到的时间格式一般是 00:00:01，而 getHours()、getMinutes()、getSeconds() 方法得到格式是 0 到 9，而不是 00 到 09 这样的格式。所以在从 9 变成 10的过程中，从一位数变成两位数，同样再从 59秒变为 0 秒，或者 59 分变为 0 分，或者 23 时变为 0 时。例如：23:59:59 的下一秒应该为 00:00:00 ，实际为 0:0:0，这样格式上就不统一，在视觉上也是数字突然增加，或突然减少，产生一种晃动的感觉。

下面定义一个辅助函数，把一位数字的时间改为两位数字显示。

var checkTime = function (i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

3) 在页面中添加一个标签，设置 id 的值。

4) 为标签绑定定时器，在定时器中设置每秒钟调用一次时间显示函数。

var div = document.getElementById("showtime");
setInterval (function() {
    div.innerHTML = showtime();
}, 1000);  //反复执行函数

显示结果如下：

感谢各位的阅读！关于“javascript中怎么获取当前时间”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！