jQuery / JavaScript - 重复计时器,在达到零时保存到MySQL

时间:2016-06-09 14:20:24

标签: javascript jquery mysql timer

我正在开发一个小型项目,它将Java(servlet)与一些Web元素结合在一起。我有一个处理注册和登录的Java后端。当用户登录时,他/她到达仪表板,等待他们的计时器。

计时器应设置为25分钟,当用户按下“开始”时,它应该开始倒计时到零。当达到零时,我希望计时器将时间戳(开始/结束)保存到MySQL并自动启动5分钟计时器。

我一直在谷歌上寻找相当长的一段时间。 jQuery似乎是最简单的选择,但我真的在努力让这个开始。 有没有人可以帮助我?

也许引导我走正确的道路或(如果你有时间)进行一些编码会议?

1 个答案:

答案 0 :(得分:0)

在等待页面上使用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 servlet。)