顏色時鐘 | 程式專案 | 橘蘋學習平台

{"id":57702,"student_id":1444,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"app\\\"\u003e\\n        \u003ch1 id=\\\"time\\\"\u003e00:00:00\u003c/p\u003e\\n        \u003ch2 id=\\\"date\\\"\u003eJan 01, 2000\u003c/p\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    /* background-color: black;\\n    transition: all 60s;\\n    } */\\n\\n#app {\\n    /* position: fixed;\\n    top: 50%;\\n    left: 50%;\\n    width: 300px;\\n    padding: 30px;\\n    border: 5px solid white;\\n    border-radius: 30px;\\n    transform: translate(-50%, -50%);\\n    color: white;\\n    font-weight: bold;\\n    font-family: Monospace;\\n    text-align: center;\\n    text-shadow: 0px 0px 20px white;\\n    box-shadow: 0px 0px 20px white; */\\n}\\n\\nh1 {\\n    margin: 0;/* \\n    font-size: 3rem; */\\n}\\n\\nh2 {\\n    /* margin: 0; */\\n}\\n\",\"js\":\"// setInterval(function () {\\n//     var d = new Date();\\n//     var arr = d.toString().split(' ');\\n//     $('#time').text(arr[4]);\\n//     $('#date').text(`${arr[1]} ${arr[2]}, ${arr[3]}`);\\n//     if (d.getSeconds() === 0) {\\n//         var r = Math.floor(Math.random()*255);\\n//         var g = Math.floor(Math.random()*255);\\n//         var b = Math.floor(Math.random()*255);\\n//         $('body').css('background-color', `rgb(${r},${g},${b})`)\\n//     }\\n// }, 1000);\"}","created_at":"2019-02-21T11:05:35.892+08:00","updated_at":"2019-10-29T00:36:33.307+08:00","name":"顏色時鐘","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/57702/00d29cadd6cb0a2ccee574447b092257.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":109,"hashid":"9ygsdrm6","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}