{"id":5495,"date":"2023-12-10T21:47:17","date_gmt":"2023-12-10T14:47:17","guid":{"rendered":"https:\/\/www.phanxuanchanh.com\/2023\/12\/10\/html%e3%80%81css%e3%80%81javascript%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e7%94%a8%e3%81%ae%e3%83%87%e3%82%b8%e3%82%bf%e3%83%ab%e6%99%82%e8%a8%88\/"},"modified":"2024-11-27T15:51:47","modified_gmt":"2024-11-27T08:51:47","slug":"html%e3%80%81css%e3%80%81javascript%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e7%94%a8%e3%81%ae%e3%83%87%e3%82%b8%e3%82%bf%e3%83%ab%e6%99%82%e8%a8%88","status":"publish","type":"post","link":"https:\/\/www.phanxuanchanh.com\/ja\/2023\/12\/10\/html%e3%80%81css%e3%80%81javascript%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e7%94%a8%e3%81%ae%e3%83%87%e3%82%b8%e3%82%bf%e3%83%ab%e6%99%82%e8%a8%88\/","title":{"rendered":"HTML\u3001CSS\u3001JavaScript\u3092\u4f7f\u3063\u3066\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u7528\u306e\u30c7\u30b8\u30bf\u30eb\u6642\u8a08\u3092\u4f5c\u6210\u3059\u308b"},"content":{"rendered":"\n<p>\u3053\u306e\u6295\u7a3f\u3067\u306f\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306b\u6642\u9593\u3068\u65e5\u4ed8\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306eHTML\u3001CSS\u3001JavaScript\u306e\u30b3\u30fc\u30c9\u3092\u5171\u6709\u3057\u307e\u3059\u3002<\/p>\n\n<p>\u307e\u305a\u3001\u4ee5\u4e0b\u306eCSS\u3068JavaScript\u30b3\u30fc\u30c9\u3092\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306b\u8ffd\u52a0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n<p>CSS\u30b3\u30fc\u30c9\uff1a<\/p>\n\n<pre class=\"wp-block-code language-html\"><code>&lt;style>\r\n    .datetime-display {\r\n        text-align: center;\r\n        border: 3px solid burlywood;\r\n    }\r\n\r\n    #time {\r\n        font-weight: 400;\r\n        display: block;\r\n        font-size: 30px;\r\n        margin: 0 0 5px;\r\n        letter-spacing: 5px;\r\n    }\r\n&lt;\/style><\/code><\/pre>\n\n<p>JavaScript\u30b3\u30fc\u30c9\uff1a<\/p>\n\n<pre class=\"wp-block-code language-html\"><code>&lt;script type=\"text\/javascript\">\r\n    var date = new Date();\r\n    if (date.getTimezoneOffset() == 0)\r\n        time = date.getTime() + (7 * 60 * 60 * 1000);\r\n    else\r\n        time = date.getTime();\r\n    date.setTime(time);\r\n\r\n    var days = new Array('Ch\u1ee7 nh\u1eadt', 'Th\u1ee9 2', 'Th\u1ee9 3', 'Th\u1ee9 4', 'Th\u1ee9 5', 'Th\u1ee9 6', 'Th\u1ee9 7');\r\n    day = date.getDay();\r\n    month = date.getMonth() + 1;\r\n    year = date.getFullYear();\r\n    document.getElementById('day-and-date').innerText = days&#91;day] + ', ' + (date.getDate() &lt; 10 ? '0' : '') + date.getDate() + '\/' + (month &lt; 10 ? '0' : '') + month + '\/' + year;\r\n\r\n    var timeElement = document.getElementById('time');\r\n    var updateTimeInterval = setInterval(function () {\r\n        updateClock();\r\n    }, 1000);\r\n\r\n    function updateClock() {\r\n        if (timeElement) {\r\n            var newDate = new Date();\r\n            var localeTimeString = newDate.toLocaleTimeString();\r\n            timeElement.innerHTML = localeTimeString;\r\n        } else {\r\n            clearInterval(updateTimeInterval);\r\n        }\r\n    }\r\n&lt;\/script><\/code><\/pre>\n\n<p>\u6700\u5f8c\u306e\u30b9\u30c6\u30c3\u30d7\u3068\u3057\u3066\u3001\u4ee5\u4e0b\u306eHTML\u30b3\u30fc\u30c9\u3092\u8868\u793a\u3055\u305b\u305f\u3044\u5834\u6240\u306b\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n<pre class=\"wp-block-code language-html\"><code>&lt;div class=\"datetime-display\">\n    &lt;span id=\"day-and-date\">&lt;\/span>\n    &lt;span id=\"time\">&lt;\/span>\n&lt;\/div><\/code><\/pre>\n\n<p><strong>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3059\u308b<\/strong><\/p>\n\n<style>\n    .datetime-display {\n        text-align: center;\n        border: 3px solid burlywood;\n    }\n\n    #time {\n        font-weight: 400;\n        display: block;\n        font-size: 30px;\n        margin: 0 0 5px;\n        letter-spacing: 5px;\n    }\n<\/style>\n\n<script type=\"text\/javascript\">\n    var date = new Date();\n    if (date.getTimezoneOffset() == 0)\n        time = date.getTime() + (7 * 60 * 60 * 1000);\n    else\n        time = date.getTime();\n    date.setTime(time);\n\n    var days = new Array('Ch\u1ee7 nh\u1eadt', 'Th\u1ee9 2', 'Th\u1ee9 3', 'Th\u1ee9 4', 'Th\u1ee9 5', 'Th\u1ee9 6', 'Th\u1ee9 7');\n    day = date.getDay();\n    month = date.getMonth() + 1;\n    year = date.getFullYear();\n    document.getElementById('day-and-date').innerText = days[day] + ', ' + (date.getDate() <10 ? '0' : '') + date.getDate() + '\/' + (month <10 ? '0' : '') + month + '\/' + year; var timeElement = document.getElementById('time'); var updateTimeInterval = setInterval(function () { updateClock(); }, 1000); function updateClock() { if (timeElement) { var newDate = new Date(); var localeTimeString = newDate.toLocaleTimeString(); timeElement.innerHTML = localeTimeString; } else { clearInterval(updateTimeInterval); } } <\/script>\n\n<div class=\"datetime-display\">\n    <span id=\"day-and-date\"><\/span>\n    <span id=\"time\"><\/span>\n<\/div>\n<script type=\"text\/javascript\" src=\"https:\/\/cdnjs.buymeacoffee.com\/1.0.0\/button.prod.min.js\" data-name=\"bmc-button\" data-slug=\"phanxuanchanh\" data-color=\"#FFDD00\" data-emoji=\"\" data-font=\"Arial\" data-text=\"T\u1eb7ng t\u00f4i m\u1ed9t ly c\u00e0 ph\u00ea\" data-outline-color=\"#000000\" data-font-color=\"#000000\" data-coffee-color=\"#ffffff\" ><\/script>","protected":false},"excerpt":{"rendered":"<p>\u3053\u306e\u6295\u7a3f\u3067\u306f\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306b\u6642\u9593\u3068\u65e5\u4ed8\u3092\u8868\u793a\u3059\u308b\u305f&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3239,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[602],"tags":[744,743,742],"quality_rating":[684],"class_list":["post-5495","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-602","tag-css-ja","tag-html-ja","tag-javascript-ja","quality_rating-684"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.phanxuanchanh.com\/wp-content\/uploads\/2020\/10\/cafedev_javascript.png?fit=960%2C576&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/posts\/5495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/comments?post=5495"}],"version-history":[{"count":1,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/posts\/5495\/revisions"}],"predecessor-version":[{"id":5496,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/posts\/5495\/revisions\/5496"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/media\/3239"}],"wp:attachment":[{"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/media?parent=5495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/categories?post=5495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/tags?post=5495"},{"taxonomy":"quality_rating","embeddable":true,"href":"https:\/\/www.phanxuanchanh.com\/ja\/wp-json\/wp\/v2\/quality_rating?post=5495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}