どのように私は別の時間と時計を作成する

Question

私は私のWebブラウザのゲームのための時計を作成したいと思います、私は本当にどのようにこれをaproachするか分からない。私はそれが24時間の時計であることを望みます、そして、ゲームの1時間は10分でなければなりません。これはあまりにも複雑すぎるはずがないようですが、私はこの情報が役に立ったという情報は見つかりませんでした。

Answer 1

次の解決策を確認してください。ここでゲーム時間の1時間はリアルタイムで10分に等しい。それは私がこの関数からHTMLで24時間形式で時刻をエコーする方法を

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);