在初始页面加载时启动计时器.如果他们离开和返回,必须从第一次装载开始计数

Start a timer on initial page load. Must keep counting from first load if they leave and return

本文关键字:返回 第一次 开始 离开 加载 他们 如果 计时器 启动      更新时间:2023-09-26

我希望在结账过程的第一阶段显示有时间限制的优惠。计时器将设置为例如5分钟,并且应在首次加载页面时启动。如果他们离开页面,然后返回页面,计时器需要从初始激活开始继续倒计时,而不是再次启动。

有人知道这个函数使用php和javascript的脚本吗?如果没有,就如何实现这一目标提出一些建议将是非常好的。我可以创建一个计时器,但不知道如何让它只在第一页加载时触发,然后保持计数。

我已经实现了这种类型的功能。在我的场景中,学生在进入下一章之前必须通过一些特定的时间。为此,我们向学生展示了计时器,在后端,我们使用ajax将每五秒的运行时间保存到数据库中。所以,如果学生已经通过了17秒的时间,然后离开页面。所以下一次当他到达那个章节时,计时器将从15秒开始,它被保存到数据库中,然后再次开始每5秒将经过的时间记录到数据库中。

您需要更多详细信息。请告诉我。

谢谢,Amit Prajapati

您可以在服务器或客户端存储第一次访问的日期时间来解决此问题。

在客户端,您可以使用localStorage来保存第一次加载页面的日期时间。下次访问该页面时,请检查localStorage中是否设置了日期时间变量,并将该值与当前时间进行比较以显示计时器。

如果你不担心这个值的更改(如果客户端在localStorage上修改或删除这个值,不会有副作用),我会采取这种方法。

但是,如果此计时器与域有关(您希望跟踪日期时间),则必须将此值存储在服务器端。