当前位置：首页 > jquery

jquery获取时间

2026-04-08 04:59:52jquery

jQuery 获取当前时间的方法

jQuery 本身不提供专门的时间获取函数，但可以通过 JavaScript 的 Date 对象结合 jQuery 操作 DOM 来实现。以下是几种常见方法：

jquery获取时间

使用 JavaScript Date 对象

通过原生 JavaScript 获取当前时间，再用 jQuery 显示或处理：

jquery获取时间

var currentDate = new Date();
var formattedTime = currentDate.getHours() + ":" + currentDate.getMinutes() + ":" + currentDate.getSeconds();
$("#timeDisplay").text(formattedTime);

格式化时间字符串

使用 toLocaleString() 或自定义格式：

var now = new Date();
// 本地化格式
var localTime = now.toLocaleTimeString(); 
// 自定义格式
var customTime = now.getFullYear() + "-" + (now.getMonth()+1) + "-" + now.getDate();
$(".timestamp").html(customTime);

使用第三方插件（如 moment.js）

对于复杂的时间操作，推荐结合 moment.js：

// 需先引入 moment.js 库
var now = moment().format('YYYY-MM-DD HH:mm:ss');
$("#output").text(now);

注意事项

时区处理：new Date() 返回用户本地时区时间，如需 UTC 时间需使用 getUTC 系列方法
月份修正：JavaScript 中月份从 0 开始计数，显示时需要 +1
补零操作：单数字的小时/分钟需手动补零，例如 ('0'+date.getMinutes()).slice(-2)

完整示例

<div id="currentTime"></div>

<script>
$(document).ready(function(){
    function updateTime() {
        var date = new Date();
        var timeStr = date.getHours() + ":" + 
                      ('0'+date.getMinutes()).slice(-2) + ":" + 
                      ('0'+date.getSeconds()).slice(-2);
        $("#currentTime").text(timeStr);
    }
    setInterval(updateTime, 1000);
});
</script>