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

No:23809

←

Prev Next

→

魚を焼くゲーム
Developer User11141｜Date and time 23/11/3 17:45:31
Build time 27.007 sec｜Game capacity 1.329KB｜

Script

魚を焼くゲーム

タイマー: 0秒

←

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>
</head>
<body>
    <h1>魚を焼くゲーム</h1>
    <button onclick="startCooking()">魚を焼く</button>
    <p id="status">タイマー: 0秒</p>
    <img src="img/fish.png" id="cookedFish" alt="焼き魚" style="display: none;">
    
    <script>
        function startCooking() {
            var timer = 0;
            var status = document.getElementById("status");
            var cookedFish = document.getElementById("cookedFish");
            
            status.innerHTML = "タイマー: " + timer + "秒";
            cookedFish.style.display = "none";
            
            var cookingInterval = setInterval(function() {
                timer++;
                status.innerHTML = "タイマー: " + timer + "秒";
                
                if (timer >= 5) {
                    clearInterval(cookingInterval);
                    cookedFish.style.display = "block";
                    cookedFish.classList.add("animate__animated", "animate__zoomIn");
                    status.innerHTML = "焼き魚の完成！";
                }
            }, 1000);
        }
    </script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</body>
</html>