UNIRRY

WEBデザインとホロスコープと宇宙のブログ

ゲーム系のコンテンツでタイムをカウントして制限を設ける

timeout

ゲーム系のコンテンツで秒数カウントをやってみたので、タイムカウントのjsについて記載しています。

ゲーム系のコンテンツでタイムをカウントするjs

// グローバル変数として定義
var autoCount;

// カウントの設定
function countTime() {
    var time = 0;
    autoCount = setInterval(function(){
       $("#minits span").text(time);
       time++;
       // 300秒過ぎたらタイムアウトする
       if ( time > 300 ) {
          clearInterval(autoCount);
       }
    }, 100);
}

グローバル変数にして、countTime関数以外からでもautoCountを停止できるようにします。

カウントを設置するhtml

<div id="minits">
<span>0</span>
seconds
</div>

カウントを設置した神経衰弱ミニゲーム

サンプル


horoscope

“sozatu” animation!! >>    animation1   |   animation2   |   animation3