无论页面刷新如何，都会持续计数器

问题描述

我有一段 jQuery，它当前每 5 秒将一个数字增加 1.我的问题是它的客户端，因此每次刷新页面时它都会重置.

I have this piece of jQuery that currently increments a number by one every 5 seconds. The problem I have is that its client side, therefore it resets every time you refresh the page.

相反，即使您离开站点并且无论您刷新页面多少次，我也希望计数器继续运行，这就是为什么我认为服务器端脚本(例如 PHP)更适合我的使用案件.如果不是，请提出其他建议.

Instead I'd like the counter to continue even if you are away from the site and regardless of how many times you refresh the page, which is why I thought a server side script such as PHP would be better suited to my use case. If not please suggest otherwise.

我已经设置了我目前使用 jQuery 的工作小提琴:http://jsfiddle.net/f354bzy5/

I've setup a working fiddle of what I currently have with jQuery: http://jsfiddle.net/f354bzy5/

重新创建包含上述要求的这种影响的 PHP 是什么?

What would be the PHP to recreate this affect that include my requirements above?

这是我正在使用的 Jquery:

Here's the Jquery I'm using:

//Counter
var counter = 22000000000;
$(".count").html(counter);
  setInterval(function () {
  $(".count").html(counter);
  ++counter;
}, 5000);

推荐答案

检查这个 DEMO

Check this DEMO

//Counter
var counter=22000000000;
if(typeof(localStorage.getItem('counts'))!='object')
{
   counter=parseInt(localStorage.getItem('counts'));
}
setInterval(function () {
    $(".count").html(counter);
    ++counter;
    localStorage.setItem('counts',counter);
}, 1000);

强调localStorage

localStorage 是存储接口的实现.它存储没有到期日期的数据，并且只能通过JavaScript，或清除浏览器缓存/本地存储的数据 -与 cookie 过期不同.