当前位置：首页 > jquery

jquery当前时间

2026-04-08 06:52:08jquery

jQuery 获取当前时间的方法

使用 jQuery 获取当前时间通常需要结合 JavaScript 的 Date 对象。以下是一个简单的示例代码：

var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();

// 格式化时间为 HH:MM:SS
var formattedTime = hours + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds);

// 在控制台输出时间
console.log("当前时间: " + formattedTime);

// 在页面上显示时间
$("#timeDisplay").text("当前时间: " + formattedTime);

实时更新时间显示

如果需要实时更新时间，可以使用 setInterval 函数：

function updateTime() {
    var currentTime = new Date();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();
    var seconds = currentTime.getSeconds();

    var formattedTime = hours + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds);
    $("#timeDisplay").text("当前时间: " + formattedTime);
}

// 每秒更新一次时间
setInterval(updateTime, 1000);

// 初始化时间显示
updateTime();

使用日期和时间

如果需要同时显示日期和时间，可以扩展代码：

jquery当前时间

var currentTime = new Date();
var year = currentTime.getFullYear();
var month = currentTime.getMonth() + 1; // 月份从0开始
var day = currentTime.getDate();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();

var formattedDateTime = year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day) + " " + hours + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds);

$("#dateTimeDisplay").text("当前日期时间: " + formattedDateTime);

注意事项

确保在代码执行前 jQuery 已正确加载。
页面中需要有对应的 HTML 元素（如 <div id="timeDisplay"></div>）来显示时间。
时区问题：Date 对象默认使用浏览器的本地时区，如果需要处理时区转换，可以使用 getTimezoneOffset() 或其他库（如 Moment.js）。