jQuery/JavaScript - 重複計時器，保存到MySQL時達到零

Question

我正在一個小項目，它結合了Java（servlets）與一些網頁元素。我有一個處理註冊和登錄的Java後端。當用戶登錄時，他/她到達儀表板上的定時器等待它們。

計時器應該設置爲25分鐘，當用戶按下'開始'時，它應該開始倒計數到零。當達到零時，我希望計時器將時間戳（開始/結束）保存到MySQL並自動啓動一個5分鐘的計時器。

我在Google上看了很長一段時間。 jQuery似乎是最簡單的選擇，但我真的很難開始。 有沒有人可以幫助我？

也許引導我在正確的道路或（如果你有時間）有一點編碼會議？

Answer 1

在等待頁面使用JavaScript：

var timeleft = 1500; // seconds left 
var timer = setInterval(function() { 
    timeleft--; 
    // optional: update HTML element here 
    if (timeleft == 0) { saveTimestamp(); clearInterval(timer); } 
}, 1000); // run every second 

然後讓saveTimestamp函數或者瀏覽器重定向到另一個頁面或使Ajax調用與服務器同步。

在服務器上，檢查用戶在不到25分鐘後達到了這一點，如果他沒有（沒有作弊），請執行標準寫入SQL（我無法幫助您在服務器端，因爲我從未使用過Java servlets）。