<script>
    document.addEventListener("DOMContentLoaded", function() {
        function updateTime() {
            let now = new Date();
            let hours = now.getHours().toString().padStart(2, '0');
            let minutes = now.getMinutes().toString().padStart(2, '0');
            let seconds = now.getSeconds().toString().padStart(2, '0');

            if(document.getElementById("time")) {
                document.getElementById("time").innerText = `${hours}:${minutes}:${seconds}`;
            }
        }

        // Create and append the time element if it doesn't exist
        if(!document.getElementById("time")) {
            let timeElem = document.createElement("div");
            timeElem.id = "time";
            document.body.appendChild(timeElem);
        }

        // Update time immediately upon page load
        updateTime();

        // Update every second
        setInterval(updateTime, 1000);
    });
</script>