管理画面公開しました　 ←前へ　　次へ→

twitterフォローで更新通知ひさしApp

■ブログ連動ゲーム（しばしば開発中ですんません）

ブログ来訪者数：24473人
ひさしポイント： →ツイート

みんなのひさしPログβ
データは本物になりました。あとはランキング化して名前入力させたい。。

ひさしAppのブログ

2017/1/23　放置ゲーや時間制限ゲーム用カウントダウン処理のサンプルソース

シンプルなJavaScriptなので参考にしやすいかと思います。
HTMLごとサンプルコードにしたので、どんな環境でもテスト可能です。

<html><body>
■カウントダウンアニメーション関数テスト（時間制限があるゲームや、放置ゲーなどにどうぞ）<br>
<br>

<span id="testView">Loading..</span>
<script>
var limitMSec = new Date().getTime() + 1000 * 60 * 3;//試しに3分後で設定

showCountAnime("testView", limitMSec, "準備完了！",
				function(){ console.log("●あればここで完了処理。"); }, "[", "]");

function showCountAnime(id, limitMSec, compStr, onComp, startStr, endStr){

var intervalID;
	var isComp;

function callBack(){
		var nowMSec = new Date().getTime();
		var diffSec = Math.round((limitMSec - nowMSec)/1000);
		isComp = diffSec < 0;
		var s;

if(!isComp){
			var min = Math.floor(diffSec/60);// -(h * 60));
			var sec = Math.round(diffSec - (min * 60));

if(!min){
				min = "00";
			}else if(min && min < 10){
				min = "0" + min;
			}
			if(!sec){
				sec = "00";
			}else if(sec < 10){
				sec = "0" + sec;
			}
			s = startStr + min + ":" + sec + endStr
		}else{
			clearInterval(intervalID);
			s = compStr;
			onComp();
		}
		document.getElementById(id).innerHTML = s;
	}

callBack();

if(!isComp){
		intervalID = setInterval(function(){
			callBack();
		}, 1000);
	}
}
</script>

</body></html>

ブログTOP　　管理画面公開しました　 ←前へ　　次へ→

@Hisashi_vc に関するツイート

　twitterフォローで更新通知ひさしApp