正文

揭秘JS中now函数的用法：轻松获取当前时间，掌握时间处理技巧

/0 浏览量
1021

在JavaScript中，now() 函数是一个非常有用的内置函数，它可以帮助我们轻松地获取当前的日期和时间。这个函数对于处理与时间相关的任务，比如设置定时器、记录事件发生时间或者格式化时间输出，都非常有帮助。下面，我们就来详细探讨一下 now() 函数的用法。

简单了解 now() 函数

在JavaScript中，Date.now() 是一个静态方法，它返回自1970年1月1日 00:00:00 UTC以来经过的毫秒数。这个值是一个数字，代表了从1970年1月1日到当前时间的毫秒数。

语法

Date.now();

返回值

返回值是一个表示自1970年1月1日以来的毫秒数的数字。

使用 now() 函数获取当前时间

使用 now() 函数获取当前时间非常简单，如下所示：

let currentTime = Date.now();
console.log(currentTime); // 输出类似：1633036800000

这里，currentTime 变量将存储一个很大的数字，这个数字表示从1970年1月1日到当前时间的毫秒数。

将毫秒数转换为易读的日期格式

虽然 now() 返回的数字很方便用于计算和比较，但通常我们更希望将其转换为人类可读的日期格式。这可以通过使用 Date 构造函数和 toLocaleString 方法来实现：

let currentTime = Date.now();
let readableTime = new Date(currentTime).toLocaleString();
console.log(readableTime); // 输出类似：2021/9/8 下午12:00:00

这里，readableTime 变量将存储一个格式化后的日期和时间字符串。

应用场景

设置定时器

now() 函数常用于设置定时器。例如，如果你想每隔一段时间执行一个函数，你可以这样使用 now()：

let timerId = setInterval(() => {
    console.log('定时器触发');
}, 1000); // 每隔1000毫秒（1秒）触发一次

// 5秒后清除定时器
setTimeout(() => {
    clearInterval(timerId);
}, 5000);

记录事件发生时间

在记录事件发生时间时，now() 函数也非常有用。例如，你可以用它来记录用户点击按钮的时间：

document.getElementById('myButton').addEventListener('click', () => {
    let clickTime = Date.now();
    console.log('按钮点击时间：', clickTime);
});

格式化时间输出

如果你想将时间格式化为特定的格式，可以使用 Intl.DateTimeFormat 对象：

let currentTime = Date.now();
let formattedTime = new Intl.DateTimeFormat('en-US', {
    year: 'numeric',
    month: 'long',
    day: 'numeric',
    hour: 'numeric',
    minute: 'numeric',
    second: 'numeric',
    hour12: true
}).format(new Date(currentTime));

console.log(formattedTime); // 输出类似：September 8, 2021, 12:00:00 PM

总结

now() 函数是JavaScript中一个强大的工具，它可以帮助我们轻松地获取和操作时间。通过理解和使用这个函数，你可以更加高效地处理与时间相关的任务。记住，now() 返回的是毫秒数，你可以根据需要将其转换为易读的日期格式，并在各种应用场景中使用它。

-- 展开阅读全文 --