jquery当前时间
获取当前时间的方法
使用jQuery获取当前时间可以通过JavaScript的Date对象实现。jQuery本身不提供时间处理功能,但可以结合原生JavaScript轻松实现。
方法1:获取当前时间字符串
var currentTime = new Date();
var formattedTime = currentTime.toLocaleTimeString(); // 输出示例: "10:30:45 AM"
console.log(formattedTime);
方法2:自定义时间格式
如果需要更灵活的时间格式(如YYYY-MM-DD HH:MM:SS),可以手动拼接日期和时间:
var now = new Date();
var year = now.getFullYear();
var month = (now.getMonth() + 1).toString().padStart(2, '0');
var day = now.getDate().toString().padStart(2, '0');
var hours = now.getHours().toString().padStart(2, '0');
var minutes = now.getMinutes().toString().padStart(2, '0');
var seconds = now.getSeconds().toString().padStart(2, '0');
var formattedDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
console.log(formattedDateTime); // 输出示例: "2023-10-05 10:30:45"
方法3:使用jQuery显示时间到页面
将时间动态显示在HTML元素中:

<div id="current-time"></div>
<script>
$(document).ready(function() {
function updateTime() {
var now = new Date();
var timeString = now.toLocaleTimeString();
$("#current-time").text("当前时间: " + timeString);
}
updateTime();
setInterval(updateTime, 1000); // 每秒更新一次
});
</script>
注意事项
- jQuery仅用于DOM操作,时间处理依赖原生JavaScript的
Date对象。 - 时区问题需注意,
new Date()返回的是用户本地时区的时间。 - 如需UTC时间,可使用
now.getUTC*()系列方法。
以上方法适用于大多数场景,如需更复杂的时间处理(如时区转换、格式化库),推荐使用第三方库如moment.js或date-fns。






