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

No:7583

2969

←

Prev Next

→

Alarm Clock Lies
Developer anonymous｜Date and time 70/1/1 9:29:51
Build time unknown sec｜Game capacity 1.791KB｜

Script

目覚まし時計のうそ

--:--

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>目覚まし時計のうそ</title>
    <style>
        body {
            font-family: "Arial", sans-serif;
            text-align: center;
        }
        h1 {
            margin-top: 50px;
        }
        #time {
            font-size: 48px;
            margin-top: 100px;
        }
        #startButton {
            font-size: 24px;
            padding: 10px 20px;
            margin: 50px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>目覚まし時計のうそ</h1>
    <div id="time">--:--</div>
    <button id="startButton">Start</button>

let startTime; // 開始時間の保存用
        let interval; // インターバルのID保存用

function startTimer() {
            startTime = Date.now();
            interval = setInterval(updateTime, 1000);
            startButton.removeEventListener("click", startTimer);
        }

function updateTime() {
            const elapsedTime = Math.floor((Date.now() - startTime) / 1000); // 経過時間（秒数）の算出

const minutes = Math.floor(elapsedTime / 60);
            const seconds = elapsedTime % 60;

const minutesString = String(minutes).padStart(2, "0"); // 桁数が1の場合は0で埋める
            const secondsString = String(seconds).padStart(2, "0");

timeDisplay.textContent = minutesString + ":" + secondsString;
        }

startButton.addEventListener("click", startTimer);
    </script>
</body>
</html>