如何每秒向var添加一个数字

问题描述 投票:0回答:2

作为Javascript的初学者,我正在尝试制作一个点击游戏。我不知道如何每秒向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>
javascript html
2个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.