Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使隐形倒计时,即网页关闭后继续?_Javascript_Jquery_Html_Css_Counter - Fatal编程技术网

Javascript 如何使隐形倒计时,即网页关闭后继续?

Javascript 如何使隐形倒计时,即网页关闭后继续?,javascript,jquery,html,css,counter,Javascript,Jquery,Html,Css,Counter,其主要思想是当用户单击按钮时,开始在未显示计数器上倒计时,并设置元素样式“显示所有按钮”和“显示段落的内联块”,通知您已单击按钮。当倒计时得分为0时,按钮再次显示。如果你合上这一页,计数器将继续倒计时。如果您关闭页面,然后再次打开,并且计数器不在0上,但它会显示另一条消息来告诉您更多信息。请帮忙!如何操作?当用户访问网站时,请检查本地存储变量,该变量将是时间戳,如果未设置,则未定义。如果用户以前去过该站点,并且timestamp变量存在于本地存储器中,则可以从现在开始计算时间差,并使用times

其主要思想是当用户单击按钮时,开始在未显示计数器上倒计时,并设置元素样式“显示所有按钮”和“显示段落的内联块”,通知您已单击按钮。当倒计时得分为0时,按钮再次显示。如果你合上这一页,计数器将继续倒计时。如果您关闭页面,然后再次打开,并且计数器不在0上,但它会显示另一条消息来告诉您更多信息。请帮忙!如何操作?

当用户访问网站时,请检查本地存储变量,该变量将是时间戳,如果未设置,则未定义。如果用户以前去过该站点,并且timestamp变量存在于本地存储器中,则可以从现在开始计算时间差,并使用timestamp计算倒计时还剩多少时间用于显示。时间到期后,删除本地存储变量。如果用户以前没有访问过页面,也没有单击过按钮,一旦他们单击按钮,请继续设置localstorage变量,该变量是单击按钮时的时间戳。

当用户访问网站时,请检查localstorage变量,该变量将是时间戳,如果未设置,则该变量将未定义。如果用户以前去过该站点,并且timestamp变量存在于本地存储器中,则可以从现在开始计算时间差,并使用timestamp计算倒计时还剩多少时间用于显示。时间到期后,删除本地存储变量。如果用户以前没有访问过页面,也没有单击过按钮,单击按钮后…继续设置localstorage变量,该变量是单击按钮时的时间戳。

您可以这样做:

  • 在localStorage中存储开始的日期和时间
  • 在每个计数器间隔,将步骤(分钟、秒等)存储在localStorage中
  • 在页面加载时,读回存储的值,计算并相应地设置按钮和消息

如前所述,您实际上只需要存储开始时间戳,您可以这样做:

  • 在localStorage中存储开始的日期和时间
  • 在每个计数器间隔,将步骤(分钟、秒等)存储在localStorage中
  • 在页面加载时,读回存储的值,计算并相应地设置按钮和消息

如前所述,您实际上只需要在页面关闭时存储开始时间戳,您的JavaScript代码就会被终止。您可以跟踪使用cookie或localStorage终止会话时计时器的位置,但无法在会话断开时保持计时器运行。一旦关闭页面,您的JavaScript代码将被终止。您可以跟踪使用cookie或localStorage终止会话时计时器的位置,但是,在会话被切断时,没有办法让计时器继续运行。存储计数器和时间听起来像赢的组合。您只需要开始时间戳。存储计数器和时间听起来像赢的组合。您只需要开始时间戳。在这种情况下,不需要服务器。我们有
localStorage
。在这种情况下不需要服务器。我们有
localStorage