jquery 时间
jQuery 时间处理
jQuery 提供了多种方法来处理时间和日期，尽管原生 JavaScript 的 Date 对象已经足够强大，但 jQuery 可以简化 DOM 操作和事件处理。以下是常见的时间处理场景和方法：
获取当前时间
使用 JavaScript 的 Date 对象获取当前时间，并通过 jQuery 显示在页面上：
var currentTime = new Date();
$('#timeDisplay').text(currentTime.toString());格式化时间
jQuery 本身没有内置的时间格式化函数，但可以结合第三方库如 moment.js 或手动格式化：
var now = new Date();
var formattedTime = now.getFullYear() + '-' + (now.getMonth()+1) + '-' + now.getDate();
$('#formattedTime').text(formattedTime);定时更新页面时间
使用 setInterval 和 jQuery 动态更新时间显示：
function updateTime() {
var now = new Date();
$('#liveClock').text(now.toLocaleTimeString());
}
setInterval(updateTime, 1000);处理时间差
计算两个时间点之间的差异（如倒计时）：
var endTime = new Date('2023-12-31');
var now = new Date();
var diff = endTime - now; // 毫秒差
var daysLeft = Math.floor(diff / (1000 * 60 * 60 * 24));
$('#countdown').text(daysLeft + ' days remaining');日期选择器插件
使用 jQuery UI 的 datepicker 插件实现日期选择：
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function(dateText) {
console.log('Selected date: ' + dateText);
}
});时间相关事件
通过 jQuery 绑定时间触发的事件，例如延迟执行：
setTimeout(function() {
$('#message').fadeIn().delay(2000).fadeOut();
}, 3000);注意事项
- 对于复杂的时间操作（如时区转换、高级格式化），推荐使用
moment.js或date-fns等专用库。 - jQuery 的时间处理通常依赖原生 JavaScript 的
Date对象，其核心作用是简化 DOM 交互而非时间计算。
