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

{"id":218574,"student_id":12205,"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    transition: background-color 15s;\\n    background-color: black;\\n    width: 100vw;\\n    height: 100vh;\\n}\\nh1{\\n    font-size: 50px;\\n\\n}\\nh1, h2 {\\n    margin: 0;\\n    font-weight:  bold;\\n     color: white;\\n    font-family:  Monospace;\\n    text-shadow: 6px 6px 15px white;\\n    \\n}\\ndiv,circle{\\n    position:fixed ;\\n    top:50%;\\n    left:50%;\\n    transform: translate(-50%,-50%);\\n}\\n.circle{\\n    \\nwidth: 300px;\\nheight:  300px;\\nborder: 5px solid white;\\nborder-radius: 50%;\\nbox-shadow: 0px 0px 20px white;\\n}\\ndiv{\\n    \\n}*/\\nbody{\\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);\\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    /*console.log(arr);\\n    console.log('0:'+arr[0]);\\n    console.log('1:'+arr[1]);\\n    console.log('2:'+arr[2]);\\n    console.log('3:'+arr[3]);\\n    console.log('4:'+arr[4]);\\n    console.log('5:'+arr[5]);\\n    console.log('6:'+arr[6]);*/\\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        console.log(color);\\n    $(\\\"body\\\").css(\\\"background-color\\\", color);\\n    }\\n}*/\\n/*setInterval(getTime, 1000);\\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()*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        console.log(image);\\n    }\\n}*/\\nsetInterval(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    \\n    //console.log(arr);\\n    //console.log(\\\"0:\\\"+arr[0])\\n    //console.log(\\\"1:\\\"+arr[1])\\n    //console.log(\\\"2:\\\"+arr[2])\\n    //console.log(\\\"3:\\\"+arr[3])\\n    //console.log(\\\"4:\\\"+arr[4])\\n    //console.log(\\\"5:\\\"+arr[5])\\n    //console.log(\\\"6:\\\"+arr[6])\\n    \\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    console.log(color)\\n    $(\\\"body\\\").css(\\\"background-color\\\",color);\\n    }\\n}\"}","created_at":"2021-01-13T19:06:11.144+08:00","updated_at":"2021-01-15T18:59:46.200+08:00","name":"Timer 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/218574/b2ae8c36def7fbd38b01c5f2ccb10869.jpg"},"parent_id":66485,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":48,"hashid":"9ygspne2d","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}