问题描述
我有一段 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 过期不同.
localStorageis 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.
这篇关于无论页面刷新如何，都会持续计数器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！