<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ぶれこみ</title>
<script type="text/javascript">
function game_over() {
const GameOver = document.getElementById("game_over");
var i = 0;
var j = 0;
var GMOV = "GAME OVER";
var RTRY = "";
yy = [0, 0, 0, 0, 0, 0, 0]
const GameOverTl = setInterval(() => {
GameOver.innerText = GMOV.substr(0, i);
i = (i + 1) * (i <= 9);
}, 900);
const Retry = document.getElementById("retry");
const RetryEx = setInterval(() => {
if (RTRY == "") {
RTRY = "ENTERKEY TO RETRY"
} else RTRY = "";
Retry.innerText = RTRY;
}, 2000);
const GameOverEx = setInterval(() => {
GameOver.style.color = CLR[j];
j = (j + 1) * (j <= 5);
}, 1200);
document.addEventListener("keydown", (e) => {
if (e.keyCode == 13) {
clearInterval(RetryEx);
clearInterval(GameOverTl);
clearInterval(GameOverEx);
setTimeout(location.reload());
}
})
Retry.addEventListener("touchstart", () => {
clearInterval(RetryEx);
clearInterval(GameOverTl);
clearInterval(GameOverEx);
setTimeout(location.reload());
})
setTimeout(() => {
clearInterval(RetryEx);
clearInterval(GameOverEx);
clearInterval(GameOverTl);
setTimeout(location.href = "https://forums.mozillazine.jp/viewtopic.php?f=2&t=22025");
}, 20000);
return;
}
</script>
<style>
#game_over,
#retry {
border: 1px solid;
width: 200px;
height: 20px;
size: large;
text-align: center;
}
</style>
</head>
<body>
<button onclick="game_over()">go GAME OVER</button>
<div id="game_over"></div>
<div id="retry"></div>
</body>
</html>
動作はボタンで処理を実行すると、「GAME OVER」が一文字ずつ表示され、「ENTERKEY TO RETRY」が点滅表示、20秒でタイムアウトで別ページに遷移、エンターキー押下でリロードします。
ログイン
ユーザー登録
FAQ
検索
