JQuery是一款功能強大的JavaScript庫，它提供了很多方便的操作方法來簡化JavaScript編程。其中，計時器是一個非常常用的功能。本文將介紹如何使用JQuery計時器記錄時間。

$(document).ready(function(){
var time = 0; // 初始化計時器變量
var timer = null; // 計時器標識
$("#start").click(function(){
// 點擊開始按鈕
timer = setInterval(function(){
time++; // 增加時間
$("#countdown").text(formatTime(time)); // 更新顯示
}, 1000);
});
$("#stop").click(function(){
// 點擊停止按鈕
clearInterval(timer); // 停止計時器
});
function formatTime(time) {
var hour = Math.floor(time/3600); // 小時數
var minute = Math.floor((time%3600)/60); // 分鐘數
var second = Math.floor(time%60); // 秒數
return ("0" + hour).slice(-2) + ":" + ("0" + minute).slice(-2) + ":" + ("0" + second).slice(-2); // 格式化時間
}
});

代碼解析：

首先，使用$(document).ready()函數，在頁面DOM準備就緒后執行代碼。

在點擊“開始”按鈕時，使用setInterval()函數啟動計時器，每隔一秒更新一次時間。在更新時間時，先增加時間變量time的值，然后調用formatTime()函數格式化時間，將格式化后的時間顯示在id為“countdown”的HTML元素中。

在點擊“停止”按鈕時，使用clearInterval()函數停止計時器。

最后，編寫formatTime()函數，用于將時間格式化為“hh:mm:ss”的形式。