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

{"id":67957,"student_id":1885,"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        \u003cdiv\u003e\u003c/div\u003e\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    transition:background-color 15s;\\n  background-color:black;\\n  width:100vw;\\n  height:100vh;\\n}\\nh1{\\n  font-size:50px;\\n}\\nh1,h2{\\n  color:white;\\n  text-align:center;\\n  font-weight:bold;\\n  font-family:Monospace;\\n  margin:0;\\n  text-shadow:3px 3px 15px white;\\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:3px 3px 15px white;\\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   \\n   if(d.getSeconds()==0){\\n     var r=Math.floor(Math.random()*225);\\n     var g=Math.floor(Math.random()*225);\\n     var b=Math.floor(Math.random()*225);\\n     var color='rgb('+r+','+g+','+b+')';\\n     //cansole.log(color)\\n     $('body').css('background-color',color)\\n   }\\n   \\n}\\n\"}","created_at":"2019-05-18T10:05:51.336+08:00","updated_at":"2019-11-13T21:09:49.238+08:00","name":"Timer 副本","language":"web","screenshot":{"url":"https://cdn0.koding.school/uploads/project/screenshot/67957/cc464ba0c7933e96b9ca1e301a226cc3.jpg"},"parent_id":66485,"plugin":"","description":"","note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":64,"hashid":"rdvsmm46","is_content_changed":false,"review_status":"pending","submitted_at":"2019-05-19T15:07:58.460+08:00","reviewed_at":null,"advise":null,"is_deleted":false}