javascript - 重新加载页面时保持计时器 (setInterval) 运行

Question

加载网页后，我会通过控制台插入一些 Javscript。我想知道我是否有可能使用 Javascript 或 jQuery 重新加载页面(而不是从缓存中)，同时保持我正在运行的 setInterval。我熟悉 location.reload()，但这会终止它。

Answer 1

当您重新加载页面时，包括所有正在运行的 JS 在内的整个页面上下文将被完全破坏。重新加载其主机页面时，您不能保持 setInterval() 运行。

您可以为新页面创建一个信号，以使用 cookie、查询参数或本地存储值(查询参数可能是最合适的)再次开始间隔。如果采用这种方式，则需要对页面进行编码以查找特定的查询参数，如果找到，则页面应自行启动指定的 setInterval()。您甚至可以在查询参数中传递一些数据(例如距离下一个间隔还有多少时间应该触发等...)。

另一种选择是不实际重新加载页面，而是通过 ajax 调用获取新内容然后将其插入当前页面来手动刷新内容。这允许当前页面上下文和运行间隔计时器继续运行。