電子時鐘 | 程式專案 | 橘蘋學習平台

{"id":565029,"student_id":74183,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n  \u003ctitle\u003e電子時鐘\u003c/title\u003e\\r\\n  \u003clink rel=\\\"stylesheet\\\" type=\\\"text/css\\\" href=\\\"style.css\\\"\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n  \u003ch1 class=\\\"glowing\\\"\u003e電子時鐘\u003c/h1\u003e\\r\\n  \u003cdiv class=\\\"clock\\\"\u003e\\r\\n    \u003cdiv id=\\\"time\\\" class=\\\"time enlarged glowing\\\"\u003e\u003c/div\u003e\\r\\n    \u003cdiv id=\\\"date\\\" class=\\\"date glowing\\\"\u003e\u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cscript src=\\\"script.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\",\"css\":\"body {\\r\\n  background-image: url('https://wallpapercave.com/wp/wp3741638.png');\\r\\n  background-size: cover;\\r\\n  background-repeat: no-repeat;\\r\\n  background-position: center;\\r\\n}\\r\\n\\r\\n.clock {\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  align-items: center;\\r\\n  justify-content: center;\\r\\n  font-size: 48px;\\r\\n  text-align: center;\\r\\n  height: 100vh;\\r\\n  font-family: Arial, sans-serif;\\r\\n}\\r\\n\\r\\n.time {\\r\\n  font-weight: bold;\\r\\n  margin-bottom: 10px;\\r\\n  color: red;\\r\\n  text-shadow: 0 0 10px red;\\r\\n}\\r\\n\\r\\n.date {\\r\\n  color: red;\\r\\n  text-shadow: 0 0 10px red;\\r\\n}\\r\\n\\r\\n.glowing {\\r\\n  animation: glow 1.5s ease-in-out infinite;\\r\\n}\\r\\n\\r\\n@keyframes glow {\\r\\n  0% {\\r\\n    text-shadow: 0 0 10px red;\\r\\n  }\\r\\n  50% {\\r\\n    text-shadow: 0 0 20px red;\\r\\n  }\\r\\n  100% {\\r\\n    text-shadow: 0 0 10px red;\\r\\n  }\\r\\n}\",\"js\":\"function updateTime() {\\r\\n  var now = new Date();\\r\\n\\r\\n  var hours = now.getHours();\\r\\n  var minutes = now.getMinutes();\\r\\n  var seconds = now.getSeconds();\\r\\n  var month = now.getMonth() + 1;\\r\\n  var day = now.getDate();\\r\\n  var year = now.getFullYear();\\r\\n\\r\\n  hours = formatTime(hours);\\r\\n  minutes = formatTime(minutes);\\r\\n  seconds = formatTime(seconds);\\r\\n  month = formatTime(month);\\r\\n  day = formatTime(day);\\r\\n\\r\\n  var timeString = hours + \\\":\\\" + minutes + \\\":\\\" + seconds;\\r\\n  var dateString = month + \\\"/\\\" + day + \\\"/\\\" + year;\\r\\n\\r\\n  var timeElement = document.getElementById(\\\"time\\\");\\r\\n  var dateElement = document.getElementById(\\\"date\\\");\\r\\n\\r\\n  timeElement.innerHTML = timeString;\\r\\n  dateElement.innerHTML = dateString;\\r\\n}\\r\\n\\r\\nfunction formatTime(time) {\\r\\n  return time \u003c 10 ? \\\"0\\\" + time : time;\\r\\n}\\r\\n\\r\\nsetInterval(updateTime, 1000);\"}","created_at":"2023-07-14T09:09:19.426+08:00","updated_at":"2023-07-14T10:24:34.563+08:00","name":"電子時鐘","language":"web","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/565029/9d85794472e24ae452ff1597e658a93b.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":67,"hashid":"5j3s3knvj","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}