为什么我的JavaScript不在本地保存数据？

Question

我尝试保存游戏，但事实并非如此。 保存后，程序将滞后并重置。 我希望游戏保存玩家的$$$，XP，赃物和乘数奖励。 我打电话给我的顾问，他们无助于此。 我一直在寻找本地数据保存功能，但是似乎没有任何效果。 sad.png cloud1.gif

  //variables and stuff var button = document.getElementById("mir"); var walletDisp = document.getElementById("walletDisp"); var xpDisp = document.getElementById("xplabel"); var test = document.getElementById("test"); var upgradeCashButton = document.getElementById("updaCash"); var upgradeCloudButton = document.getElementById("updaCloud"); var cloudLevelMax = 298123019; var bonus = 100000; var bonusCount = 2139871; var wallet = 234018933098452034985; var cashPerClick = 10000; var xp = 132412341; var cloudLevel = 320948; var sad = true; var aNiceTimer=setInterval(function(){myTimer()},1000); //the "get her going" script button.addEventListener("click", makeItRain, false); upgradeCashButton.addEventListener("click",upgradeCash, false); upgradeCloudButton.addEventListener("click",upgradeCloud, false); xpDisp.addEventListener("click",credits, false); window.onload = doInit(); chrome.runtime.onInstalled.addListener(function(details){ if(xp=="undefined"){ saveUs(); } save(); }); function myTimer() { if(sad===false){if(clicked===false){ document.body.style.backgroundImage="url('res/sad.jpg')"; sad = true; bonus =1; bonusCount = 0; updateOutput(); }} if(clicked){ bonusCount = bonusCount +.7; } if(bonusCount>bonus){ bonus = bonus+1; bonusCount = 0; updateOutput(); } clicked = false; } function makeItRain(){ if(isNaN(wallet)){ saveUs(); } wallet = wallet+cashPerClick*bonus; if(sad===true){updateBackground();} sad = false; clicked = true; xp = xp+bonus; updateOutput(); } function updateOutput(){ xpDisp.innerHTML = "Level "+ Math.round(Math.log(xp) / Math.log(10)); walletDisp.innerHTML = dispNumb(wallet)+"$"; upgradeCashButton.innerHTML = "Up to " +(dispNumb(getCashUpgrade())) + " for "+ dispNumb(costOfCashUpgrade())+ "$"; upgradeCloudButton.innerHTML = "Add Swag? "+dispNumb(costOfCloudUpgrade())+"$"; if(clicked===true){ button.innerHTML = "Bonus: x "+ bonus; }else{ button.innerHTML = "Rain those $$$"; } if(wallet>=costOfCashUpgrade()){ upgradeCashButton.style.background='#6fae3c'; upgradeCashButton.style.border='3px solid #5f9e2c'; }else{ upgradeCashButton.style.background='#FA5858'; upgradeCashButton.style.border='3px solid #FE2E2E'; } if(wallet>=costOfCloudUpgrade()){ upgradeCloudButton.style.background='#6fae3c'; upgradeCloudButton.style.border='3px solid #5f9e2c'; }else{ upgradeCloudButton.style.background='#FA5858'; upgradeCloudButton.style.border='3px solid #FE2E2E'; } save(); } function upgradeCash(){ if(wallet<costOfCashUpgrade()){ return; } wallet = wallet - costOfCashUpgrade(); cashPerClick = getCashUpgrade(); xp = xp+costOfCashUpgrade(); updateOutput(); } function upgradeCloud(){ if(wallet<costOfCloudUpgrade()){ return; } if(cloudLevel==cloudLevelMax){ window.location='STOP.html'; return; } wallet = wallet - costOfCloudUpgrade(); cloudLevel = cloudLevel+1; xp = xp+costOfCloudUpgrade(); updateBackground(); sad = false; updateOutput(); } function getCashUpgrade(){ numb = cashPerClick; if(numb<10){ return numb+1; } var first = String(numb).charAt(0); if(first=="1"){ first = "2"; }else if(first=="2"){ first = "5"; }else if(first=="5"){ first = "10"; } var rest = String(numb).substring(1,String(numb).length); return parseInt( first+""+rest); } function dispNumb(number){ var long = String(number).length; var temp = 0; var ending = "hi"; if(long<4){ return number; } if(long<7){ temp = Math.round(number/10)/100; ending = "K"; }else if(long<10){ temp = Math.round(number/10000)/100; ending = "M"; }else if(long<13){ temp = Math.round(number/10000000)/100; ending = "B"; }else if(long<16){ temp = Math.round(number/10000000000)/100; ending = "T"; } temp = parseFloat(temp).toFixed(2); return temp + " " +ending; } function costOfCashUpgrade(){ return Math.round(4*Math.round(10*cashPerClick*Math.log(cashPerClick)*Math.log(cashPerClick)))+1; } function updateBackground(){ document.body.style.backgroundImage="url('res/cloud"+cloudLevel+".gif')"; } function costOfCloudUpgrade(){ return Math.round(10*Math.pow(4+cloudLevel,cloudLevel+3)); } function save(){ chrome.storage.local.set({"wallet": wallet}); chrome.storage.local.set({"cashPerClick": cashPerClick}); chrome.storage.local.set({"xp": xp}); chrome.storage.local.set({"cloudLevel": cloudLevel}); } function load(){ chrome.storage.local.get("wallet", function(item){ wallet = item["wallet"]; }); chrome.storage.local.get("cashPerClick", function(item){ cashPerClick = item["cashPerClick"]; }); chrome.storage.local.get("xp", function(item){ xp = item["xp"]; }); chrome.storage.local.get("cloudLevel", function(item){ cloudLevel = item["cloudLevel"]; }); } function becomeOneWithWorld(){ var walB = 0; var cpcB = 0; var xpB = 0; var clB = 0; chrome.storage.sync.get("wallet", function(item){ walB = item["wallet"]; }); chrome.storage.sync.get("cashPerClick", function(item){ cpcB = item["cashPerClick"]; }); chrome.storage.sync.get("cloudLevel", function(item){ clB = item["cloudLevel"]; }); chrome.storage.sync.get("xp", function(item){ xpB = item["xp"]; }); setTimeout(function () { if(xp>xpB){ chrome.storage.sync.set({"wallet": wallet}); chrome.storage.sync.set({"cashPerClick": cashPerClick}); chrome.storage.sync.set({"xp": xp}); chrome.storage.sync.set({"cloudLevel": cloudLevel}); }else{ chrome.storage.local.set({"wallet": walB}); chrome.storage.local.set({"cashPerClick": cpcB}); chrome.storage.local.set({"xp": xpB}); chrome.storage.local.set({"cloudLevel": clB}); } load(); }, 100); } function saveUs(){ wallet = 0; cashPerClick = 1; xp = 1; cloudLevel = 1; } function credits(){ window.location='credit.html'; } function doInit(){ load(); becomeOneWithWorld(); } 

Answer 1

您使用了错误的API。 chrome.storage和chrome.runtime API适用于Chrome扩展程序，而不适用于网站。

要使用Javascript将数据存储在网页中，请使用LocalStorage API 。