【綜合練習】彩色時鐘：實作 1 - 解答 | 程式專案

{"id":574347,"student_id":2589,"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\u003e\\n        \u003ch1 id=\\\"time\\\"\u003e00:00:00\u003c/h1\u003e\\n        \u003ch2 id=\\\"date\\\"\u003eJan 01, 2000\u003c/h2\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"circle\\\"\u003e\u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    background-color: black;\\n    transition: background-color 1s;\\n}\\n\\ndiv, .circle {\\n    position: fixed;\\n    top: 50%;\\n    left: 50%;\\n    transform: translate(-50%, -50%);\\n}\\n\\ndiv {\\n    text-align: center;\\n    font-weight: bold;\\n    font-family: Monospace;\\n    color: white;\\n    text-shadow: 0px 0px 20px white;\\n}\\n\\n.circle {\\n    width: 300px;\\n    height: 300px;\\n    border: 5px solid white;\\n    border-radius: 50%;\\n    box-shadow: 0px 0px 20px white;\\n}\\n\\nh1 {\\n    font-size: 50px;\\n}\\nh1, h2 {\\n    margin: 0;\\n}\",\"js\":\"\"}","created_at":"2023-07-23T17:06:56.192+08:00","updated_at":"2023-07-23T17:07:06.609+08:00","name":"【綜合練習】彩色時鐘：實作 1 - 解答","language":"web","screenshot":{"url":null},"parent_id":574346,"plugin":"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        var color = 'rgb(' + r + ',' + g + ',' + b + ')';\n        $('body').css('background-color', color);\n    }\n}, 1000);","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":35,"hashid":"meys6r45d","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}