2017-12-18 209 views
0

作爲Javascript的初學者,我試圖製作一個點擊遊戲。我不知道如何每秒向var添加一個數字如何在每秒鐘向var添加數字

下面是目前的代碼。我不確定如何讓我的一個「沉悶的礦工」每秒自動向玩家添加硬幣。假設有兩個汽車礦工,那麼玩家每秒可以獲得4個硬幣。還有如何顯示玩家自動製作多少。

謝謝!

let borkCoins = 0; 
 

 
let dankMiner = 0; 
 

 
const earnBork =() => { 
 
    borkCoins += 1; 
 
    displayScreen(); 
 
}; 
 

 
const buydankMiner1 =() => { 
 

 
    if (borkCoins >= 20) { 
 
    dankMiner += 1; 
 
    borkCoins -= 20; 
 
    displayScreen(); 
 
    } else { 
 
    alert("Insufficient funds!") 
 
    } 
 
}; 
 

 
const displayScreen =() => { 
 
    document.getElementById("bork-coins").innerText = 
 
    borkCoins; 
 
    document.getElementById("dankMiner").innerText = 
 
    dankMiner; 
 
}; 
 

 
displayScreen();
<h3>Your BorkCoins: <span id="bork-coins"></h3> 
 

 
<img src="https://i.pinimg.com/736x/ef/6a/cf/ef6acfc481b76637b71d4a71db7de82a--dog-birthday-animal-memes.jpg" 
 
    height="80" width="80" id="bork-coins" onclick="earnBork();"> 
 
    
 
     <p>Click on Gabe the Doggo to earn a BorkCoin!</p> 
 
     
 
     <h3>Shop</h3> 
 
     
 
     <p>Dank Miner <i>(2 BorkCoins/sec)</i> 
 
    <br>Your Dank Miner(s): <span id="dankMiner"></span></p> 
 
    <button id="dank-miner" onclick="buydankMiner1();">Buy 1 (20 BorkCoins)</button>

+1

試試setTimeOut? https://developer.mozilla.org/fr/docs/Web/API/WindowTimers/setTimeout – Cedric

+0

或setInterval https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval – user184994

回答

0

添加,檢查礦工的數量區間:

setInterval(() => { 
    if (dankMiner > 0) { 
    borkCoins += dankMiner; 
    displayScreen(); 
    } 
}, 1000); 
1

可以使用setInterval功能,做這樣的事情:

let borkCoins = 0; 
 
let dankMiner = 0; 
 

 
const earnBork =() => { 
 
    borkCoins += 1; 
 
    displayScreen(); 
 
}; 
 

 
/* Code Added */ 
 
setInterval(earnBork, 1000); 
 
/*--*/ 
 

 
const buydankMiner1 =() => { 
 
    if (borkCoins >= 20) { 
 
    dankMiner += 1; 
 
    borkCoins -= 20; 
 
    displayScreen(); 
 
    } else { 
 
    alert("Insufficient funds!") 
 
    } 
 
}; 
 

 
const displayScreen =() => { 
 
    document.getElementById("bork-coins").innerText = 
 
    borkCoins; 
 
    document.getElementById("dankMiner").innerText = 
 
    dankMiner; 
 
}; 
 

 
displayScreen();
<h3>Your BorkCoins: <span id="bork-coins"></span></h3> 
 
<img src="https://i.pinimg.com/736x/ef/6a/cf/ef6acfc481b76637b71d4a71db7de82a--dog-birthday-animal-memes.jpg" height="80" width="80" id="bork-coins" onclick="earnBork();"> 
 
<p>Click on Gabe the Doggo to earn a BorkCoin!</p> 
 
<h3>Shop</h3> 
 
<p>Dank Miner <i>(2 BorkCoins/sec)</i> 
 
    <br>Your Dank Miner(s): <span id="dankMiner"></span></p> 
 
<button id="dank-miner" onclick="buydankMiner1();">Buy 1 (20 BorkCoins)</button>