jQuery 如何定期更新时间

在本文中，我们将介绍如何使用jQuery定期更新时间。

使用JavaScript实现定期更新时间

在开始使用jQuery之前，我们首先使用纯JavaScript来实现定期更新时间的功能。我们可以使用setInterval函数来定期执行代码。

下面是一个示例，该示例会每隔1秒钟更新页面中的时间：

function updateTime() {
    var now = new Date();
    var time = now.toLocaleTimeString();
    document.getElementById("time").innerHTML = time;
}

setInterval(updateTime, 1000);

在上面的代码中，我们定义了一个名为updateTime的函数。这个函数首先获取当前的时间，然后使用toLocaleTimeString方法将其转换为字符串。接下来，我们通过getElementById方法找到页面中的元素，然后更新该元素的内容为当前时间。最后，我们使用setInterval函数每隔1秒钟调用一次updateTime函数。

使用jQuery实现定期更新时间

现在我们来看看如何使用jQuery来实现定期更新时间的功能。首先，我们需要确保在页面中引入jQuery库。

下面是使用jQuery实现定期更新时间的示例代码：

function updateTime() {
    var now = new Date();
    var time = now.toLocaleTimeString();
    $("#time").text(time);
}

setInterval(updateTime, 1000);

在上面的代码中，我们使用了$符号来代替jQuery函数。通过$("#time")选择器，我们选择页面中具有id为time的元素。然后，我们使用text方法来更新该元素的内容为当前时间。