将号码数据保存到本地存储
Posted
技术标签:
【中文标题】将号码数据保存到本地存储【英文标题】：Saving number data to a local storage 【发布时间】：2014-03-22 07:13:28 【问题描述】：我从一些简单的东西开始，比如增量浏览器游戏，你基本上只需点击一个按钮，数字计数器就会上升，这个数字就会变成你可以用来购买升级的货币，这样数字计数器就会上升自己。
我一直想弄清楚的唯一一件事是如何制作保存功能/将所有数据保存到本地存储中，以便在刷新页面或关闭浏览器时，数字不会重置为0.
这是我尝试存储的 javascript 代码的一部分：
var cookies = 0;
function cookieClick(number)
cookies = cookies + number;
document.getElementById("cookies").innerhtml = cookies;
;
var cursor = 0;
function buyCursor()
var cursorCost = Math.floor(10 * Math.pow(1.1,cursor));
if(cookies >= cursorCost)
cursor = cursor + 1;
cookies = cookies - cursorCost;
document.getElementById('cursor').innerHTML = cursor;
document.getElementById('cookies').innerHTML = cookies;
;
var nextCost = Math.floor(10 * Math.pow(1.1,cursor));
document.getElementById('cursorCost').innerHTML = nextCost;
;
window.setInterval(function()
cookieClick(cursor);
, 1000);
这是 HTML 代码：
<body bgcolor="#2E2E2E"> <div style="text-align: center"> <button onclick="cookieClick(1)"><font size=4>Click</font></button> <br /> <font size="5" color="red">Cash: </font> <span id="cookies">0</span> <div> <br /> <DIV style="position: absolute; top:370px; left:230px; width:300px; height:20px"> <button onclick="buyCursor()">Buy Cursor</button> <br /> Cursors: <span id="cursor">0</span> <br /> Cursor Cost: <span id="cursorCost">10</span> <script type="text/javascript" src="main.js"></script> </body> </html>
这是我尝试将数据存储到 localStorage 的方法（但它显然不起作用）：
<script>
// Check browser support
if (typeof(Storage) != "undefined")
// Store
localStorage.cookies;
// Retrieve
document.getElementById("cookies").innerHTML=localStorage.cookies;
else
document.getElementById("cookies").innerHTML="Sorry, your browser does not support Web Storage...";
</script>
所以我的问题是，如何让这个东西与我正在使用的代码一起工作？
【问题讨论】：
【参考方案1】：您可能需要考虑使用类似 html5s 的本地存储。 W3 Schools example
【讨论】：
以上是关于将号码数据保存到本地存储的主要内容，如果未能解决你的问题，请参考以下文章