2014-01-06 105 views
0

所以我很无聊,用JavaScript乱搞,这里是我当前的代码:JavaScript保存到本地存储?

JS

var Money = 0; 
var U1Amount = 0; 

function mButton() 
{ 
    Money += 1; 
    document.getElementById('money').innerHTML=Money + "$"; 
} 
function buyU1() 
{ 
    if(Money < 30) 
     { 
      document.getElementById('updates').innerHTML="You do not have enough money."; 
     } else { 
      Money -= 30; 
      U1Amount += 1; 
      document.getElementById('money').innerHTML=Money + "$"; 
      document.getElementById('updates').innerHTML="You have successfully bought Upgrade 1"; 
      resetUpdates(); 
     } 
} 
var interval = setInterval(gMoneyU1, 1000); 
function gMoneyU1() 
{ 
    var calc = 5 * U1Amount; 
    Money += calc; 
    document.getElementById('money').innerHTML=Money + "$"; 
} 
function resetUpdates() 
{ 
    setTimeout(function(){document.getElementById('updates').innerHTML="";}, 10000); 
} 
</script> 

HTML

<body> 
Generated something: <span id='money'>0$</span> 
<br /> 
<span id='updates'></span> 
<br /> 
<button onClick='mButton()'>Generate something.</button> 
<br /> 
<button onClick='buyU1()'>Buy upgrade 1. ($30)</button> 
</body> 

我曾尝试谷歌和发现了一些localStorage.setItem和东西,但我不确定如何使用它。 如果有人能解释它,我会非常感激。 :)

在此先感谢。

+0

你究竟有什么不明白的地方?以下是HTML5 WebStorages的链接:http://www.w3schools.com/html/html5_webstorage.asp –

+0

Look:http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage –

+0

或者你也可以试试这个库,它的尺寸是相当强大的:http://brian.io/lawnchair/ – Voltrone

回答

0

@Voltrone建议Lawnchair,虽然这是一个很好的库提供存储的备用实现(例如,如果你在没有localStorage的旧的浏览器),我会建议你使用lscache代替:https://github.com/pamelafox/lscache

这将使存储你需要做的更简单(只需交给一个存储对象和一个存储该对象的密钥),它允许你设置你想存储的内容持续多久,如果你需要这样做的话。