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

No:3352

1477

←

Prev Next

→

Measurement of communication speed
Developer User3671｜Date and time 23/6/24 15:50:25
Build time 18.748 sec｜Game capacity 1.915KB｜

Script

通信速度計測ゲーム

「スタート」ボタンを押してください。

←

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>
		#startButton {
			font-size: 20px;
			padding: 10px;
			border-radius: 10px;
			background-color: #4CAF50;
			color: white;
		}
		#timerDisplay {
			font-size: 40px;
			padding: 10px;
			border: solid black 2px;
			border-radius: 10px;
			text-align: center;
			display: none;
		}
		#resultDisplay {
			font-size: 50px;
			font-weight: bold;
			padding: 10px;
			border: solid black 2px;
			border-radius: 10px;
			text-align: center;
			display: none;
		}
	</style>
</head>
<body>
	<h1>通信速度計測ゲーム</h1>
	<p>「スタート」ボタンを押してください。</p>
	<button id="startButton" onclick="startGame()">スタート</button>
	<p id="timerDisplay"></p>
	<p id="resultDisplay"></p>
	<script>
		function startGame() {
			document.getElementById("startButton").style.display = "none";
			document.getElementById("timerDisplay").style.display = "block";
			var startTime = new Date().getTime();
			var timer = setInterval(function() {
				var elapsedTime = new Date().getTime() - startTime;
				document.getElementById("timerDisplay").textContent = elapsedTime + "ms";
			}, 10);
			setTimeout(function() {
				clearInterval(timer);
				document.getElementById("timerDisplay").style.display = "none";
				var resultTime = new Date().getTime() - startTime;
				var resultDisplay = document.getElementById("resultDisplay");
				resultDisplay.style.display = "block";
				if (resultTime < 100) {
					resultDisplay.textContent = "素晴らしい！ " + String.fromCodePoint(0x1F642);
				} else if (resultTime < 500) {
					resultDisplay.textContent = "まあまあです " + String.fromCodePoint(0x1F610);
				} else {
					resultDisplay.textContent = "がんばりましょう " + String.fromCodePoint(0x1F4A9);
				}
			}, Math.random() * 3000 + 1000);
		}
	</script>
</body>
</html>