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

No:1097

120

←

Prev Next

→

timing boy
Developer User3245｜Date and time 23/6/18 3:07:52
Build time 30.405 sec｜Game capacity 2.183KB｜

Script

タイミングボーイ

0秒

スコア: 0

このアプリは、10秒間に何回ボタンをタップできるかを競うゲームです。開始ボタンを押すと、タイマーが10秒間カウントダウンします。タップボタンを何度かタップすると、スコアが増えます。10秒が経過すると、タイマーが止まり、スコアがリセットされます。再挑戦ボタンを押すと、新たに10秒間のカウントダウンが始まります。このアプリはスマートフォンでも操作できるようにデザインしてあり、絵文字も多用しています。

←

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>
		body {
			background-color: #EEE;
			font-family: sans-serif;
			text-align: center;
		}
		h1 {
			color: #444;
		}
		#game {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 50px;
			margin-bottom: 50px;
		}
		#button {
			padding: 10px 20px;
			background-color: #F00;
			color: #FFF;
			font-size: 24px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			margin-top: 20px;
		}
		#score {
			font-size: 36px;
			color: #444;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<h1>タイミングボーイ</h1>
	<div id="game">
		<h2 id="timer">0秒</h2>
		<button id="button">タップ！</button>
		<div id="score">スコア: 0</div>
	</div>
	<script>
		var timer = document.getElementById("timer");
		var button = document.getElementById("button");
		var score = document.getElementById("score");
		var interval;
		var seconds = 0;
		var taps = 0;
		
		button.addEventListener("click", function() {
			clearInterval(interval);
			if (seconds == 0) {
				button.innerText = "再挑戦！";
				score.innerText = "スコア: 0";
			}
			seconds = 10;
			taps = 0;
			timer.innerText = seconds + "秒";
			interval = setInterval(function() {
				seconds--;
				timer.innerText = seconds + "秒";
				if (seconds == 0) {
					clearInterval(interval);
				}
			}, 1000);
		});
		
		button.addEventListener("touchstart", function() {
			if (seconds > 0) {
				taps++;
				score.innerText = "スコア: " + taps;
			}
		});
	</script>
</body>
</html>