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

No:58

354

←

Prev Next

→

10-second perfect game
Developer anonymous｜Date and time 23/5/7 21:02:39
Build time 34.93 sec｜Game capacity 1.488KB｜

Script

10-second perfect game

When you press the button, the timer runs for 10 seconds. If you can press the button in exactly 10 seconds, the game is cleared!

after10 sec.It is.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>10秒ぴったりゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
			background-color: #F7DC6F;
		}
		h1 {
			font-size: 3em;
			color: #2C3E50;
			margin-top: 1em;
		}
		button {
			font-size: 1.5em;
			background-color: #2ECC71;
			color: white;
			padding: 0.5em 1em;
			border-radius: 0.3em;
			border: none;
			cursor: pointer;
			margin-top: 1em;
		}
	</style>
	<script>
		document.addEventListener('DOMContentLoaded', function() {
			var timeleft = 10;
			var countdown = setInterval(function(){
				document.getElementById("countdown").textContent = timeleft + "秒";
				timeleft -= 1;
				if (timeleft < 0) {
					clearInterval(countdown);
					document.getElementById("countdown").textContent = "時間切れ！";
					alert("ゲームオーバー！");
				}
			}, 1000);

document.getElementById("button").addEventListener("click", function(){
				clearInterval(countdown);
				document.getElementById("countdown").textContent = "正解！";
				alert("ゲームクリア！");
			});
		});
	</script>
</head>
<body>
	<h1>10秒ぴったりゲーム</h1>
	<p>ボタンを押すと、タイマーが10秒間動きます。ちょうど10秒でボタンを押せたらクリア！</p>
	<p>あと<span id="countdown">10秒</span>です。</p>
	<button id="button">押す！</button>
</body>
</html>