時間誤差計算アプリ

基準時間と表示時間の誤差

基準時間 (HHMMSS):
補正後の時間

補正時刻 (HHMMSS):
以下のようなプログラムを作成することができます。ただし、セキュリティ上のリスクを考慮して、evalや外部サイトへの遷移、リダイレクトは行わないようにします。

```html
<!DOCTYPE html>
<html>
<head>
    <title>時間誤差計算アプリ</title>
</head>
<body>
    <h1>時間誤差計算アプリ</h1>

    <h2>基準時間と表示時間の誤差</h2>
    <label for="baseTime">基準時間 (HHMMSS):</label>
    <input type="text" id="baseTime" maxlength="6">
    <button onclick="calculateError()">計算</button>
    <p id="error"></p>

    <h2>補正後の時間</h2>
    <label for="correctionTime">補正時刻 (HHMMSS):</label>
    <input type="text" id="correctionTime" maxlength="6">
    <button onclick="correctTime()">計算</button>
    <p id="correctedTime"></p>

    <script>
        function calculateError() {
            var baseTime = document.getElementById("baseTime").value;
            var displayTime = document.getElementById("displayTime").value;
            
            var baseHour = parseInt(baseTime.slice(0, 2));
            var baseMinute = parseInt(baseTime.slice(2, 4));
            var baseSecond = parseInt(baseTime.slice(4, 6));

            var displayHour = parseInt(displayTime.slice(0, 2));
            var displayMinute = parseInt(displayTime.slice(2, 4));
            var displaySecond = parseInt(displayTime.slice(4, 6));

            var diffHour = displayHour - baseHour;
            var diffMinute = displayMinute - baseMinute;
            var diffSecond = displaySecond - baseSecond;

            var error = "誤差：";
            if (diffHour < 0 || (diffHour === 0 && (diffMinute < 0 || (diffMinute === 0 && diffSecond < 0)))) {
                error += "-";

                diffHour = Math.abs(diffHour);
                diffMinute = Math.abs(diffMinute);
                diffSecond = Math.abs(diffSecond);
            }

            error += diffHour + "時間 " + diffMinute + "分 " + diffSecond + "秒";

            document.getElementById("error").textContent = error;
        }

        function correctTime() {
            var correctionTime = document.getElementById("correctionTime").value;
            var error = document.getElementById("error").textContent;

            var correctionHour = parseInt(correctionTime.slice(0, 2));
            var correctionMinute = parseInt(correctionTime.slice(2, 4));
            var correctionSecond = parseInt(correctionTime.slice(4, 6));

            var timeArray = error.split("：")[1].split(" ");
            var diffHour = parseInt(timeArray[0]);
            var diffMinute = parseInt(timeArray[1]);
            var diffSecond = parseInt(timeArray[2]);

            var correctedHour = correctionHour + diffHour;
            var correctedMinute = correctionMinute + diffMinute;
            var correctedSecond = correctionSecond + diffSecond;

            if (correctedSecond >= 60) {
                correctedSecond -= 60;
                correctedMinute++;
            }
            if (correctedMinute >= 60) {
                correctedMinute -= 60;
                correctedHour++;
            }

            var correctedTime = "補正後時間：" + correctedHour + "時間 " + correctedMinute + "分 " + correctedSecond + "秒";
            document.getElementById("correctedTime").textContent = correctedTime;
        }
    </script>
</body>
</html>
```

ジョークは下記のようなものを考えられます：

Q: プログラマーがケーキを食べるのに最適な時間帯はいつでしょうか？
A: ランチタイムです！