時鐘 | Programming Project | OrangeApple Learning Platform

{"id":767214,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml lang=\\\"zh-Hant\\\"\u003e\\n\u003chead\u003e\\n    \u003cmeta charset=\\\"UTF-8\\\"\u003e\\n    \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\n    \u003ctitle\u003e簡單的網頁時鐘\u003c/title\u003e\\n    \u003cstyle\u003e\\n        body {\\n            display: flex;\\n            justify-content: center;\\n            align-items: center;\\n            height: 100vh;\\n            margin: 0;\\n            background-color: #282c34;\\n            color: white;\\n            font-family: Arial, sans-serif;\\n        }\\n        .clock {\\n            font-size: 3em;\\n            border: 2px solid white;\\n            padding: 20px;\\n            border-radius: 10px;\\n            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\\n        }\\n    \u003c/style\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv class=\\\"clock\\\" id=\\\"clock\\\"\u003e\u003c/div\u003e\\n\\n    \u003cscript\u003e\\n        function updateClock() {\\n            const now = new Date();\\n            const hours = String(now.getHours()).padStart(2, '0');\\n            const minutes = String(now.getMinutes()).padStart(2, '0');\\n            const seconds = String(now.getSeconds()).padStart(2, '0');\\n            document.getElementById('clock').textContent = `${hours}:${minutes}:${seconds}`;\\n        }\\n\\n        setInterval(updateClock, 1000);\\n        updateClock(); // 初始化時鐘\\n    \u003c/script\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\\n\",\"css\":\"\",\"js\":\"\"}","created_at":"2024-06-14T13:44:40.466+08:00","updated_at":"2024-06-14T13:46:03.472+08:00","name":"時鐘","language":"web","screenshot":{"url":"/uploads/project/screenshot/767214/fbb1aa5557e5a812088881021de0b7f0.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":249,"hashid":"vngsrezmw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}