如果你想在網頁中監測用戶長按鼠標的時間，那么JavaScript是你的最佳選擇。當用戶長按鼠標時，你可以使用JavaScript記錄下按下和釋放按鈕的時間，并計算它們之間的差異，以獲得用戶長按鼠標的時間。

下面是一個例子，當用戶在一個DIV上長按鼠標時，它將設為紅色，當他們釋放鼠標時，將設為綠色。同時，記錄長按鼠標的時間，并輸出到控制臺中。

var mouseDownTime;
var mouseUpTime;
function mouseDownEventHandler() {
var element = document.getElementById("myDiv");
element.style.backgroundColor = "red";
mouseDownTime = new Date();
}
function mouseUpEventHandler() {
var element = document.getElementById("myDiv");
element.style.backgroundColor = "green";
mouseUpTime = new Date();
var timeDiff = mouseUpTime.getTime() - mouseDownTime.getTime();
console.log("Mouse held down for " + timeDiff + " ms.");
}
var element = document.getElementById("myDiv");
element.addEventListener("mousedown", mouseDownEventHandler);
element.addEventListener("mouseup", mouseUpEventHandler);

上面的代碼中，mouseDownEventHandler()和mouseUpEventHandler()函數用于設置DIV的背景顏色，并記錄長按鼠標的時間。當mouseUp事件被觸發時，會計算鼠標按下和釋放的時間差，并輸出到控制臺。最后，在DOMContentLoaded事件被觸發時，將這兩個事件監聽器添加到DIV上。

另一個例子是一個簡單的JavaScript函數，它會在用戶長按鼠標時執行另一個函數，并在他們釋放鼠標時停止執行。下面是該函數的代碼。

var intervalId;
function longPress(func) {
var element = document.getElementById("myDiv");
element.addEventListener('mousedown', function(e) {
intervalId = setInterval(function() {
func();
}, 500);
});
element.addEventListener('mouseup', function(e) {
clearInterval(intervalId);
});
}
longPress(function() {
console.log('Mouse is being held down over the div!');
})

在上面的代碼中，longPress()函數需要傳入另一個函數，這個函數將在長按鼠標時執行。當mousedown事件發生時，它將調用我們傳入的函數，并且使用setInterval()函數每個0.5秒執行一次，直到鼠標釋放。當mouseup事件被觸發時，定時器會被清除，停止對傳入函數的調用。

總之，在JavaScript中記錄長按鼠標時間非常簡單，你只需要使用Date對象記錄鼠標按下和釋放的時間，并計算它們之間的差異來確定長按鼠標的時間。你也可以使用setInterval()函數來每隔一段時間執行一個函數，以模擬長按效果。