自主學習 | 程式專案 | 橘蘋學習平台

{"id":922904,"student_id":3311,"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.4.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n\\n    \u003cdiv class=\\\"banner\\\"\u003e\\n        \u003ch1\u003e學習大時鐘\u003c/h1\u003e\\n        \u003cspan id=\\\"TMTPage\\\" class=\\\"tab\\\"\u003e番茄鐘\u003c/span\u003e\\n        \u003cspan id=\\\"CLOCKPage\\\" class=\\\"tab\\\"\u003e計時器\u003c/span\u003e\\n\\n    \u003c/div\u003e\\n\\n    \u003cdiv class=\\\"container\\\"\u003e\\n\\n        \u003ch1 id=\\\"time\\\"\u003e00:00:00\u003c/h1\u003e\\n        \u003ch2 id=\\\"date\\\"\u003eJan 01, 2000\u003c/h2\u003e\\n        \u003cdiv id=\\\"counter\\\"\u003e\\n            \u003cform\u003e\\n                \u003clabel for=\\\"counterInput\\\"\u003e\\n                    \u003cspan\u003e要計時幾分鐘: \u003c/span\u003e\\n                    \u003cinput type=\\\"text\\\" id=\\\"counterInput\\\" /\u003e\\n                    \u003cbutton class=\\\"submitBtn\\\"\u003e確認\u003c/button\u003e\\n                \u003c/label\u003e\\n            \u003c/form\u003e\\n\\n\\n\\n\\n        \u003c/div\u003e\\n        \u003ch1 id='counterclock'\u003e00:00:00\u003c/h1\u003e\\n\\n\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"#time{\\n    position: absolute;\\n    top:30px;\\n    left:62px;\\n    font-weight: bold;\\n    font-family: Monospace;\\n    text-shadow: 3px 3px 15px gray;\\n    color: #53565C;\\n}\\nhtml{\\n    font-size: 100%;\\n}\\n#date{\\n    position: absolute;\\n    top:60px;\\n    left:58px;\\n    font-weight: bold;\\n    font-family: Monospace;\\n    text-shadow: 3px 3px 15px gray;\\n    color: #53565C;\\n}\\n\\nbody {\\n    text-align: center;\\n    color: #555;\\n    background-color: #f5f5f5;\\n}\\n\\n.red {\\n    color: #f53d2d;\\n}\\n\\n.banner {\\n    padding: 45px 30px 0px 30px;\\n    color: #976666;\\n    background: linear-gradient(-180deg, #FABBAB, #FAC6C4);\\n}\\n\\n.container {\\n    padding: 20px;\\n}\\n\\n.tab {\\n    display: inline-block;\\n    padding: 10px;\\n    cursor: pointer;\\n}\\n\\n.tab.active {\\n    background-color: rgba(255, 255, 255, 0.4);\\n}\\n\\n#counterclock{\\n    font-size: 9rem;\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\",\"js\":\"$(\\\"#counter\\\").hide();\\n$(\\\"#counterclock\\\").hide();\\nsetInterval(gtime, 1000);\\n$('#TMTPage').click(TMTPage);\\n$('#CLOCKPage').click(CLOCKPage);\\nvar testInput = document.getElementById(\\\"testInput\\\");\\nvar submitBtn = document.querySelector(\\\".submitBtn\\\");\\nvar str = \\\"\\\";\\n\\n\\nfunction FsubmitBtn(value) {\\n    \\n    var submitValue = counterInput.value;\\n    str = submitValue;\\n    // console.log(str);\\n    // alert(str);\\n    $(\\\"#counter\\\").hide();\\n    unclock();\\n    \\n    \\n}\\nsubmitBtn.addEventListener(\\\"click\\\", FsubmitBtn);\\n\\nfunction unclock(){\\n    $(\\\"#counterclock\\\").show();\\n    var m = str%60;\\n    // console.log(m);\\n    var h = Math.floor(str/60);\\n    // console.log(h);\\n    \\n    \\n    \\n    \\n    \\n    \\n}\\n\\n\\nfunction gtime() {\\n\\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}\\n\\nfunction TMTPage () {\\n    $(\\\".tab\\\").removeClass(\\\"active\\\");\\n    $(\\\"#TMTPage\\\").addClass('active');\\n    $(\\\"#counter\\\").hide();\\n}\\nfunction CLOCKPage () {\\n    $(\\\".tab\\\").removeClass(\\\"active\\\");\\n    $(\\\"#CLOCKPage\\\").addClass('active');\\n    $(\\\"#counter\\\").show();\\n}\\n\"}","created_at":"2024-12-30T18:35:11.695+08:00","updated_at":"2025-01-02T09:34:53.594+08:00","name":"自主學習","language":"web","screenshot":{"url":"https://cdn5.koding.school/uploads/project/screenshot/922904/2379bc974112a381e15fd714ffe19fd3.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":59,"hashid":"gk4s8v9vd","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}