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

{"id":99775,"student_id":3647,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n\\t\u003ctitle\u003e彩色時鐘ouo\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    \\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 \u003cdiv class=\\\"circle\\\"\u003e\u003c/div\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e   \",\"css\":\"div {\\n    position: relative;\\n\\n    transform: translate(0%, 250%);\\n}\\nh1 {\\n    font-size: 50px;\\n}\\n\\nh1, h2 {\\n\\n    color: white;\\n    text-align: center;\\n    font-weight: bold;\\n    font-family: Monospace;\\n    text-shadow: 2px 2px 3px blue;\\n    margin: 0;\\n\\n\\n}\\nbody {\\n    background-color: black;\\n\\n}\\n.circle {\\n    top: -620px;\\n    left: 550px;\\n    width: 250px;\\n    height: 250px;\\n    border: 5px solid white;\\n    border-radius: 50%;\\n    box-shadow: 3px 3px 15px white;\\n}\",\"js\":\"setInterval(gettime, 1000);\\ngettime();\\nfunction gettime() {\\n    var d = new  Date();\\n    var arr = d.toString().split(' ');\\n    console.log(arr);\\n    $('#date'). text(arr[3]+'年'+''+ arr[1]+'月'+''+arr[2]+'號');\\n    $('#time'). text(arr[4]);\\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    console.log(color);\\n    var r1= Math.floor(Math.random()*255);\\n    var g2 = Math.floor(Math.random()*255);\\n    var b3 = Math.floor(Math.random()*255);\\n     var color2 = 'rgb('+r1+','+g2+','+b3+')';\\n     console.log(color2);\\n     var r2= Math.floor(Math.random()*255);\\n    var g3 = Math.floor(Math.random()*255);\\n    var b4 = Math.floor(Math.random()*255);\\n     var color3 = 'rgb('+r2+','+g3+','+b4+')';\\n     console.log(color3);\\n    $('body').css('background-color', color);\\n    $('h1, h2').css('color', color2);\\n     $('.circle').css('box-shadow', color3);\\n}\"}","created_at":"2019-10-05T18:36:59.906+08:00","updated_at":"2019-10-27T15:23:30.704+08:00","name":"Timer 副本","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/99775/88af21e7a6a343e3b4e03bef6d5b63e7.jpg"},"parent_id":66485,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":109,"hashid":"gk4sy458","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}