{"id":114212,"student_id":3463,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n \u003ctitle\u003eDocument\u003c/title\u003e\\n \u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n\\n \u003cdiv class=\\\"circle8\\\"\u003e\\n \u003cdiv class=\\\"circle7\\\"\u003e\\n \u003cdiv class=\\\"circle6\\\"\u003e\\n \u003cdiv class=\\\"circle5\\\"\u003e\\n \u003cdiv class=\\\"circle4\\\"\u003e\\n \u003cdiv class=\\\"circle3\\\"\u003e\\n \u003cdiv class=\\\"circle2\\\"\u003e\\n \u003cdiv class=\\\"circle1\\\"\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 \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n background-color: black;\\n width: 100vw;\\n height: 100vh;\\n transition: background-color 15s;\\n \\n}\\n\\nh1,h2 {\\n text-align: center;\\n color: white;\\n font-weight: bold;\\n text-shadow: 3px 3px 15px white;\\n font-family: Monospace;\\n margin: 0;\\n}\\nh1 {\\n font-size: 50px;\\n}\\ndiv{\\n \\n position: relative;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n}\\nx 15px white;\\n\\n .circle1{\\n width: 350px;\\n height: 350px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n} \\n .circle2{\\n width: 400px;\\n height: 400px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n } \\n .circle3{\\n width: 450px;\\n height: 450px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n } \\n .circle4{\\n width: 450px;\\n height: 450px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n }\\n .circle5{\\n width: 500px;\\n height: 500px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n }\\n .circle6{\\n width: 550px;\\n height: 550px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n }\\n .circle7{\\n width: 600px;\\n height: 600px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n }\\n .circle8{\\n width: 650px;\\n height: 650px;\\n border: 5px solid white;\\n border-radius: 50%;\\n box-shadow: 3px 3px 15px white;\\n }\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\",\"js\":\"setInterval(getTime, 1000)\\n\\nfunction getTime() {\\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}\\n\"}","created_at":"2019-12-14T13:41:30.299+08:00","updated_at":"2019-12-14T21:36:57.982+08:00","name":"Timer 副本","language":"web","screenshot":{"url":"https://cdn3.koding.school/uploads/project/screenshot/114212/ca0f4e2d0581299774c4c445db17e0db.jpg"},"parent_id":66485,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":85,"hashid":"meyseqr8","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[]
橘蘋學習平台
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
1:1:1
1:1
full
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦