電子時鐘 | Programming Project | OrangeApple Learning Platform

{"id":542555,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n  \u003chead\u003e\\n    \u003ctitle\u003e電子時鐘\u003c/title\u003e\\n    \u003cstyle\u003e\\n      body {\\n        font-size: 48px;\\n        text-align: center;\\n      }\\n    \u003c/style\u003e\\n  \u003c/head\u003e\\n  \u003cbody\u003e\\n    \u003cdiv id=\\\"clock\\\"\u003e\u003c/div\u003e\\n    \u003cdiv id=\\\"date\\\"\u003e\u003c/div\u003e\\n    \u003cscript\u003e\\n      function updateTime() {\\n        var now = new Date();\\n        var hours = now.getHours();\\n        var minutes = now.getMinutes();\\n        var seconds = now.getSeconds();\\n        var timeString = hours.toString().padStart(2, '0') + ':' +\\n                         minutes.toString().padStart(2, '0') + ':' +\\n                         seconds.toString().padStart(2, '0');\\n        var date = now.toLocaleDateString();\\n        document.getElementById('clock').textContent = timeString;\\n        document.getElementById('date').textContent = date;\\n      }\\n      setInterval(updateTime, 1000);\\n    \u003c/script\u003e\\n  \u003c/body\u003e\\n\u003c/html\u003e\\n\",\"css\":\".clock {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n  height: 100vh;\\n  font-size: 5rem;\\n  font-family: Arial, sans-serif;\\n  color: #fff;\\n  background-color: #000;\\n}\\n\\n.time {\\n  margin-bottom: 1rem;\\n}\\n\\n.date {\\n  font-size: 2rem;\\n}\\n\",\"js\":\"\"}","created_at":"2023-05-28T12:52:23.201+08:00","updated_at":"2023-05-28T15:03:34.825+08:00","name":"電子時鐘","language":"web","screenshot":{"url":"/uploads/project/screenshot/542555/db2d6fc277485deaf5887c2b4c1b296e.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":306,"hashid":"jzmsk83rq","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}