Timer 副本 | 程式專案 | 橘蘋學習平台

{"id":130083,"student_id":3525,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\r\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u003cdiv class=\\\"circle\\\"\u003e\\r\\n        \u003cdiv\u003e\\r\\n            \u003ch1 id=\\\"time\\\"\u003e00:00:00\u003c/h1\u003e\\r\\n            \u003ch2 id=\\\"date\\\"\u003eJan 01, 2000\u003c/h2\u003e\\r\\n        \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\",\"css\":\"body{\\n    background-color: black;\\n    transition-duration: 3s;\\n    width: 100vw;\\n    height: 100vh;\\n}\\nh1{\\n   font-size: 50px;\\n   color: white;\\n   text-align: center;\\n   font-weight: bold;\\n   font-family: Monospace;\\n   margin: 0;\\n   text-shadow: 4px 4px 7px white, -4px -4px 5px gray;\\n}\\nh2{\\n   color: white;\\n   text-align: center;\\n   font-weight: bold;\\n   font-family: Monospace;\\n   margin: 0;\\n   text-shadow: 4px 4px 7px white, -4px -4px 5px gray;\\n}\\ndiv{\\n    position: relative;\\n    top: 50%;\\n    left: 50%;\\n    transform: translate(-50%, -50%);\\n}\\n.circle{\\n    width: 300px;\\n    height: 300px;\\n    border: 5px solid white;\\n    border-radius: 50%;\\n    box-shadow: -6px -6px 5px red, 6px 6px 5px blue;\\n}\\n\",\"js\":\"setInterval(getTime, 1000)\\n\\nfunction getTime(){\\n    var d = new Date();\\n    var arr = d.toString().split(\\\" \\\")\\n    \\n    $(\\\"#time\\\").text(arr[4]);\\n    $(\\\"#date\\\").text(arr[1]+\\\" \\\"+arr[2]+\\\", \\\"+arr[3]);\\n    if (d.getSeconds() % 5 === 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}\\n\"}","created_at":"2020-03-07T10:12:08.785+08:00","updated_at":"2020-03-07T11:44:36.183+08:00","name":"Timer 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/130083/5e70d0ef694c8b4180275265a089caaf.jpg"},"parent_id":66485,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":70,"hashid":"d5mspwm3","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}