Click here for free DL of the app version that can save data.

No:3311

1485

←

Prev Next

→

hourglass
Developer User3655｜Date and time 23/6/24 12:45:47
Build time 18.913 sec｜Game capacity 1.624KB｜

Script

砂時計ゲーム

スマホで操作して時間を競おう！
砂時計をめくってゴールまでの時間を測ろう。

hourglass

0:00

hourglass done

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>砂時計ゲーム</title>
	<style type="text/css">
		body{
			background-color: #FFFBBB;
			font-family: sans-serif;
			text-align: center;
		}
		h1{
			font-size: 2em;
		}
		p{
			font-size: 1.2em;
		}
		#timer{
			font-size: 3em;
		}
	</style>
</head>
<body>
	<h1>砂時計ゲーム</h1>
	<p>スマホで操作して時間を競おう！<br>砂時計をめくってゴールまでの時間を測ろう。</p>
	<p><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/hourglass-not-done_231b.png" alt="hourglass" width="100"></p>
	<button id="startBtn" onclick="startTimer()">スタート</button>
	<div id="timer">0:00</div>
	<p><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/hourglass-done_23f3.png" alt="hourglass done" width="100"></p>
	<div id="result"></div>

function startTimer(){
			document.getElementById("startBtn").disabled = true;
			startTime = Date.now();
			countUp();
		}

function countUp(){
			elapsedTime = Date.now() - startTime;
			var m = Math.floor(elapsedTime / (60 * 1000));
			var s = Math.floor((elapsedTime - m * 60 * 1000) / 1000);
			s = ("0" + s).slice(-2);
			document.getElementById("timer").textContent = m + ":" + s;

if(m >= 1){
				document.getElementById("result").textContent = "ゴールまで " + m + " 分 " + s + " 秒でした！";
				document.getElementById("startBtn").disabled = false;
			}else{
				setTimeout(countUp, 10);
			}
		}
	</script>
</body>
</html>