Question

我想为我的webbrowser游戏创建一个时钟，我真的不知道如何接受这个。我希望它是一个24小时制，而游戏中的1小时应该是10分钟。看起来这不应该太复杂，但我没有找到任何有用的信息。

Answer 1

检查以下解决方案。这里1小时的游戏时间实时等于10分钟。希望能有所帮助

var $hOut = $('#hours'),
    $mOut = $('#minutes'),
    $sOut = $('#seconds');

var seconds = 0;
var minutes = 0;
var hours = 0;

function update(){
  seconds+=1;
  
  if(seconds >= 60){
    minutes += 1;
  }
  
  if(minutes >= 60){
    hours += 1;
  }

  seconds = seconds >= 60 ? 0 : seconds;
  minutes = minutes >= 60 ? 0 : minutes;
  hours = hours > 24 ? 1 : hours;
  
  $hOut.text(hours);
  $mOut.text(minutes);
  $sOut.text(seconds);
 
} 

update();
window.setInterval(update, 1000/6);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="clock">
  Hours: <p class="unit" id="hours"></p>
  Minutes: <p class="unit" id="minutes"></p>
  Seconds: <p class="unit" id="seconds"></p>
</div>

Answer 2

游戏中1小时=计算机时间10分钟。您可以通过使用JQuery超时来创建计时器。

var time = 60000;
var hour = 0; //This will store the current hour of game
setTimeout(function(){
    alert('1 hour of game passed.');
    if (hour<24){
        var hour = hour + 1;
    }else{
        alert('24 hours passed.');
    }
}
}, time);

如何使用不同的时间创建时钟

2 个答案: