刷新页面后保留计数器
Keeping a counter after page is refreshed?
我需要为我正在制作的游戏保留一个计数器。每次他们赢了一场比赛,我都想在柜台上加一个。然而,每次他们获胜,页面都会刷新以开始新的游戏。即使页面被重新加载,是否有办法保持此计数器的更新?
您可以使用cookie,这里有一个非常简单的jQuery cookie插件示例:
代码:https://github.com/carhartl/jquery-cookie
用法示例:http://www.electrictoolbox.com/jquery-cookies/
设置cookie:
$.cookie("example", "foo", { expires: 7 });
获取cookie值:
alert( $.cookie("example") );
非常干净和紧凑:)
如果使用兼容的浏览器,则将值存储在cookie或localStorage中。
将其放入cookie中。嗯。。。饼干。好吃的
https://developer.mozilla.org/en/DOM/document.cookie
w3school cookie对此给出了简单的解释。
很快,这是一种将浏览器数据保存在本地机器上的方法。
// So, you may try
setCookie("win_count",value,exdays); // to set some data to "win_count"
// and after the page was reloaded to restore the win counter with the help of:
getCookie("win_count");
使用cookie
jQuery:
$.cookie("example", "foo", { expires: 7 });
纯JavaScript:
function getCookie(name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/(['.$?*|{}'(')'[']'''/'+^])/g, '''$1') + "=([^;]*)"))
return matches ? decodeURIComponent(matches[1]) : undefined
}
function setCookie(name, value, props) {
props = props || {}
var exp = props.expires
if (typeof exp == "number" && exp) {
var d = new Date()
d.setTime(d.getTime() + exp * 1000)
exp = props.expires = d
}
if (exp && exp.toUTCString) {
props.expires = exp.toUTCString()
}
value = encodeURIComponent(value)
var updatedCookie = name + "=" + value
for (var propName in props) {
updatedCookie += "; " + propName
var propValue = props[propName]
if (propValue !== true) {
updatedCookie += "=" + propValue
}
}
document.cookie = updatedCookie
}
function deleteCookie(name) {
setCookie(name, null, {
expires: -1
})
}
相关文章:
- 分派点击事件并保留击键修饰符
- JQuery使计数器每次更改时都会增加
- Javascript计数器变量未显示正确的值
- 如何使用jquery强制一个单词更改大小写等以保留品牌
- 提交后保留下拉选择的值
- 刷新后保留对网页的更改
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- Flash Uploadify在调用我的MVC控制器时没有保留会话/授权
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 使用递归属性迭代保留属性结构
- Jquery html() 和保留元素名称
- 如何将字符串拆分为字符,但在javascript中保留空格
- 离开页面导航后保留文本区域内容
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- 如何在使用JavaScript或jQuery刷新父页面后保留iframe-src
- 如何在for循环中使用计数器
- Javascript和RegEx:拆分并保留分隔符
- 如何生成保留标点符号的简单字谜
- 刷新页面后保留计数器
- 将循环中的计数器赋值给一个变量并不会保留它的当前值