130:00 🕒
13,000円 💰
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>逃走中タイマー</title>
<style>
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
@keyframes wiggle {
0%, 100% {
transform: rotate(-5deg);
}
50% {
transform: rotate(5deg);
}
}
</style>
</head>
<body>
<div style="width: 400px; height: 400px; border: 1px solid black; display: flex; flex-direction: column; justify-content: space-around; align-items: center; font-size: 20px; background: #fafafa;">
<div id="timer" style="font-size: 2em;">130:00 🕒</div>
<div id="prize" style="font-size: 2em;">13,000円 💰</div>
<div style="display: flex; justify-content: space-around; width: 100%;">
<button onclick="startTimer()" style="font-size: 1.5em;">▶️ スタート</button>
<button onclick="stopTimer()" style="font-size: 1.5em;">⏸️ ストップ</button>
<button onclick="fastForward()" style="font-size: 1.5em;">⏩ 早送り</button>
<button onclick="rewind()" style="font-size: 1.5em;">⏪ 巻き戻し</button>
</div>
</div>
<script>
let time = 130 * 60;
let timerRunning = false;
let interval = null;
function formatTime(seconds) {
const minutes = Math.floor(seconds / 60);
const sec = seconds % 60;
return `${minutes}:${sec < 10 ? '0' : ''}${sec} 🕒`;
}
function formatPrize(cents) {
const yen = cents / 100;
return `${yen.toLocaleString()}円 💰`;
}
function updateDisplay() {
document.getElementById('timer').textContent = formatTime(time);
document.getElementById('prize').textContent = formatPrize(time * 100);
}
function startTimer() {
if (timerRunning) return;
timerRunning = true;
interval = setInterval(() => {
if (time <= 0) {
stopTimer();
} else {
time--;
updateDisplay();
}
}, 1000);
}
function stopTimer() {
timerRunning = false;
clearInterval(interval);
}
function fastForward() {
time = Math.max(0, time - 60);
updateDisplay();
animateButtons();
}
function rewind() {
time = Math.min(130 * 60, time + 60);
updateDisplay();
animateButtons();
}
function animateButtons() {
document.querySelectorAll('button').forEach(button => {
button.style.animation = 'bounce 1s';
button.addEventListener('animationend', () => {
button.style.animation = '';
});
});
}
updateDisplay();
</script>
</body>
</html>
```