如何在服务器端运行计时器

Question

我希望倒计时计时器始终为每个新用户显示倒计时。基本上，如果我关闭网页并重新打开它，计时器应该仍在运行。我正在考虑使用 JS 变量代码函数来定义新客户端的时区以及 if 语句注释并使其成为重复循环？

基本上，我想在服务器端运行一个计时器，而不是在客户端。

以前有人做过吗？

Answer 1

听起来你可以尝试使用浏览器 localStorage 来解决。如果您的唯一要求是在关闭选项卡/浏览器并返回页面后保持节省的时间可用，那么这非常适合您。

这是一个小的 Codesandbox 示例代码，说明如何有条件地检查并保存到 localStorage，然后根据该值启动计数器。

https://codesandbox.io/s/4xw97q02m0

编辑：粘贴到帖子中的相同代码

function setCurrentTime(){
  let localStore = window.localStorage.getItem("myTime") // Check if already exists
  if(localStore) return localStore
  const time = Date.now(); // get current time stamp
  window.localStorage.setItem("myTime", time) // Save to localStorage
  return time
}

function startCount(){
  const time = setCurrentTime()
  const elem = document.getElementById("app")

  setInterval(() => {
    elem.innerHTML = `seconds since time saved: 
     ${Math.floor((Date.now() - time) / 1000)}
    `
  }, 1000)
}
startCount()

<div id="app"></div>