jQuery 如何使用 jQuery 获取当前时间

在本文中，我们将介绍如何使用 jQuery 获取当前时间。

1. 使用 jQuery 的`$.now()`方法

jQuery 提供了一个内置的方法$.now()，可以获取当前的时间戳，时间戳是指从1970年1月1日零时（UTC/GMT的午夜）开始所经过的毫秒数。

var currentTime = $.now();
console.log(currentTime);

上面的代码将会在浏览器的控制台输出当前的时间戳。

2. 转换时间戳为可读性更强的格式

虽然时间戳对于程序和计算机来说很有用，但对于人类来说并不直观。因此，我们可以将时间戳转换为可读性更强的格式，例如年月日时分秒。

var currentTime = new Date($.now());
var year = currentTime.getFullYear();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();

console.log(year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds);

上述代码中，我们首先使用new Date(timestamp)将时间戳转换为一个Date对象，然后再分别获取年、月、日、时、分、秒的信息，并拼接成一个可读性更强的字符串。

3. 控制器与显示器的结合

使用 jQuery，我们可以将获取到的时间显示在网页上的指定位置，实现一个基本的时钟功能。

首先，我们需要在 HTML 文件中添加一个用于显示时间的<div>元素。

<div id="clock"></div>

接下来，我们使用 jQuery 的$(document).ready()方法，保证页面加载完毕后再执行 JavaScript 代码。然后，我们使用setInterval()函数每秒钟调用一次updateClock()函数来更新时间。

$(document).ready(function(){
    setInterval(updateClock, 1000);
});

function updateClock(){
    var currentTime = new Date($.now());
    var year = currentTime.getFullYear();
    var month = currentTime.getMonth() + 1;
    var day = currentTime.getDate();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();
    var seconds = currentTime.getSeconds();

    var timeString = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;

    $("#clock").text(timeString);
}

上面的代码中，我们定义了一个updateClock()函数，该函数会获取当前时间并将其格式化为字符串，然后使用$()函数选取id为clock的元素，并使用text()方法将时间字符串设置为该元素的内容。

保存并运行网页，你将会看到在指定的<div>元素中实时显示当前的时间。