无论页面刷新如何,都会持续计数器
我有一段 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 过期不同.
localStorage
is an implementation of the Storage Interface. It stores data withno expiration date
, and gets cleared only throughJavaScript
, or clearing theBrowser Cache
/Locally Stored Data
- unlike cookie expiry.
相关文章