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

No:2726

4774

←

Prev Next

→

Gaming pictogram gacha flickering in rainbow color..ALL
Developer User3544｜Date and time 23/6/22 12:58:07
Build time 17.553 sec｜Game capacity 1.799KB｜

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>
		body {
			background-color: black;
			color: white;
			text-align: center;
			font-size: 24px;
			padding-top: 50px;
		}
		button {
			background-color: white;
			color: black;
			font-size: 20px;
			padding: 10px;
			border-radius: 10px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>虹色に明滅するゲーミング絵文字ガチャ</h1>
	<p>スマホで遊ぶには画面をタップしてください</p>
	<div>
		<button id="start">スタート</button>
		<button id="stop" disabled>ストップ</button>
	</div>
	<div id="result"></div>
	<script>
		const colors = ['🟥', '🟩', '🟦', '🟨', '🟪', '🟧'];
		const intervalTime = 50;
		let intervalId = null;
		const resultDiv = document.getElementById('result');
		const startButton = document.getElementById('start');
		const stopButton = document.getElementById('stop');
		let isStop = true;

startButton.addEventListener('click', () => {
			startButton.disabled = true;
			stopButton.disabled = false;
			isStop = false;
			intervalId = setInterval(() => {
				const randomColor = colors[Math.floor(Math.random() * colors.length)];
				resultDiv.textContent = randomColor;
			}, intervalTime);
		});

stopButton.addEventListener('click', () => {
			if (isStop) return;
			startButton.disabled = false;
			stopButton.disabled = true;
			isStop = true;
			clearInterval(intervalId);
			resultDiv.textContent = '';
			const winEmoji = colors[Math.floor(Math.random() * colors.length)];
			resultDiv.textContent = `結果は... ${winEmoji} !!!`;
		});

document.addEventListener('touchstart', () => {
			if (isStop) return;
			stopButton.click();
		});
	</script>
</body>
</html>