[分享]掌握jQuery，轻松获取和显示当前时间！

3. 编写jQuery代码

使用jQuery，你可以通过以下步骤来获取和显示当前时间：

3.1 获取当前时间

使用JavaScript的Date对象可以轻松获取当前时间。以下是一个示例代码：

var currentTime = new Date();

3.2 格式化时间

为了使时间看起来更美观，你可能需要将时间格式化。以下是一个格式化时间的函数：

function formatTime(date) { var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); hours = hours < 10 ? '0' + hours : hours; minutes = minutes < 10 ? '0' + minutes : minutes; seconds = seconds < 10 ? '0' + seconds : seconds; return hours + ':' + minutes + ':' + seconds;
}

3.3 显示时间

最后，使用jQuery将格式化后的时间设置到HTML元素中：

$('#current-time').text(formatTime(currentTime));

4. 完整代码示例

以下是上述步骤的完整代码示例：

5. 总结

通过上述步骤，你可以轻松地在网页上显示当前时间。使用jQuery的强大功能，你可以实现更多有趣和实用的功能。