jquery当前时间
获取当前时间
使用jQuery获取当前时间可以通过JavaScript的Date对象实现。jQuery本身不提供时间处理功能,但可以结合JavaScript原生方法操作。
var currentTime = new Date();
console.log(currentTime);
格式化时间
将时间格式化为可读字符串,例如YYYY-MM-DD HH:MM:SS格式:
function formatTime(date) {
var year = date.getFullYear();
var month = ('0' + (date.getMonth() + 1)).slice(-2);
var day = ('0' + date.getDate()).slice(-2);
var hours = ('0' + date.getHours()).slice(-2);
var minutes = ('0' + date.getMinutes()).slice(-2);
var seconds = ('0' + date.getSeconds()).slice(-2);
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
}
var formattedTime = formatTime(new Date());
console.log(formattedTime);
动态显示时间
在页面上动态显示当前时间,并每秒更新:
$(document).ready(function() {
function updateTime() {
var now = new Date();
$('#current-time').text(formatTime(now));
}
updateTime();
setInterval(updateTime, 1000);
});
HTML部分需包含一个显示时间的元素:
<div id="current-time"></div>
使用第三方库
对于更复杂的时间操作,可以引入第三方库如moment.js:
var now = moment().format('YYYY-MM-DD HH:mm:ss');
console.log(now);
确保在引入jQuery后加载moment.js:
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
时区处理
如果需要处理时区,可以使用moment-timezone:
var now = moment().tz('Asia/Shanghai').format('YYYY-MM-DD HH:mm:ss');
console.log(now);
引入时区库:
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.34/moment-timezone-with-data.min.js"></script>





