在javascript和循环

时间:2017-07-12 05:34:47

标签: javascript html loops timer

正如你们中的一些人可能知道的那样,我仍在开发我的游戏LOL。

现在我有基本的功能。玩家可以看到他们的利润显示并购买东西,如果他们有足够的钱。

我现在需要的是显示玩家获得金钱的速度。所以玩家应该每60秒产生一次钱。这些钱已经生成但没有视觉效果。

我想要的是让人们看到他们在获得下一笔钱之前剩下多少钱。enter image description here

所以我拥有所有的造型和为计时器做的。我想要的是一些vanilla javascript代码显示innerHTML的时间从60减少到0;

我已尝试使用if语句和切换案例的间隔,并且我尝试了for循环,但我无法让它重置甚至做任何事情。

以下是我的一些代码。

代码:

// Income Ticker Display (displaying time until next pay day)
var incomeTicker = 60;

window.setInterval(function(){
 if (incomeTicker > 0)
	 incomeTicker--;
      document.getElementById("incomeTicker").innerHTML = "Next Profit In : " + incomeTicker + " seconds";
}, 1000);
<span class = "incomeTicker" id = "incomeTicker" > Next Profit In : 60 seconds </span>

我尝试了不同的方法,看了几个问题,但没有什么能给我我需要的东西。

感谢您提前提出任何建议。

PS。如果您需要更多代码示例,请与我们联系。

1 个答案:

答案 0 :(得分:0)

好吧我确定了我的回答问题

// Income Ticker Display (displaying time until next pay day)
var incomeTicker = 60;

window.setInterval(function(){
 if (incomeTicker > 0)
	 incomeTicker--;
      document.getElementById("incomeTicker").innerHTML = "Next Profit In : " + incomeTicker + " seconds";
if (incomeTicker <= 0)
	incomeTicker = 60;
}, 1000);
<span class = "incomeTicker" id = "incomeTicker" > Next Profit In : 60 seconds </span>

感谢大家帮助我解决这个问题