{"id":224592,"date":"2024-02-16T21:51:00","date_gmt":"2024-02-16T13:51:00","guid":{"rendered":"https:\/\/ciyuani.com\/?p=224592"},"modified":"2024-02-18T00:21:24","modified_gmt":"2024-02-17T16:21:24","slug":"%e7%bb%99%e7%bd%91%e7%ab%99%e6%b7%bb%e5%8a%a0%e4%b8%8d%e5%90%8c%e6%97%b6%e6%ae%b5%e6%b8%a9%e9%a6%a8%e9%97%ae%e5%80%99%e8%af%ad","status":"publish","type":"post","link":"https:\/\/ciyuani.com\/index.php\/2024\/02\/16\/%e7%bb%99%e7%bd%91%e7%ab%99%e6%b7%bb%e5%8a%a0%e4%b8%8d%e5%90%8c%e6%97%b6%e6%ae%b5%e6%b8%a9%e9%a6%a8%e9%97%ae%e5%80%99%e8%af%ad\/","title":{"rendered":"\u7ed9\u7f51\u7ad9\u6dfb\u52a0\u4e0d\u540c\u65f6\u6bb5\u6e29\u99a8\u95ee\u5019\u8bed"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u524d\u8a00<\/h2>\n\n\n\n<p>\u4e3a\u60a8\u7684\u7f51\u7ad9\u6dfb\u52a0\u6839\u636e\u4e0d\u540c\u65f6\u95f4\u6bb5\u663e\u793a\u6e29\u99a8\u63d0\u793a\u95ee\u5019\u8bed\u7684\u4ee3\u7801\uff0c\u4ee5\u589e\u5f3a\u7528\u6237\u4f53\u9a8c\u3002\u4e00\u65e6\u8bbf\u5ba2\u8fdb\u5165\u60a8\u7684\u7f51\u7ad9\uff0c\u4ed6\u4eec\u5c06\u4f1a\u770b\u5230\u6839\u636e\u5f53\u524d\u65f6\u95f4\u6bb5\u800c\u53d8\u5316\u7684\u5404\u7c7b\u6e29\u99a8\u63d0\u793a\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1913\" height=\"926\" src=\"https:\/\/ciyuani.com\/wp-content\/uploads\/2024\/02\/1708091020-\u8054\u60f3\u622a\u56fe_20240216214247.png\" alt=\"\" class=\"wp-image-224593\" srcset=\"https:\/\/ciyuani.com\/wp-content\/uploads\/2024\/02\/1708091020-\u8054\u60f3\u622a\u56fe_20240216214247.png 1913w, https:\/\/ciyuani.com\/wp-content\/uploads\/2024\/02\/1708091020-\u8054\u60f3\u622a\u56fe_20240216214247-300x145.png 300w, https:\/\/ciyuani.com\/wp-content\/uploads\/2024\/02\/1708091020-\u8054\u60f3\u622a\u56fe_20240216214247-1024x496.png 1024w, https:\/\/ciyuani.com\/wp-content\/uploads\/2024\/02\/1708091020-\u8054\u60f3\u622a\u56fe_20240216214247-768x372.png 768w, https:\/\/ciyuani.com\/wp-content\/uploads\/2024\/02\/1708091020-\u8054\u60f3\u622a\u56fe_20240216214247-1536x744.png 1536w\" sizes=\"auto, (max-width: 1913px) 100vw, 1913px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u4ee3\u7801\u90e8\u7f72<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!--\u95ee\u5019\u8bed\u5f00\u59cb-->\n&lt;div id=\"greetingBox\">&lt;\/div>&lt;!--\u95ee\u5019\u8bed\u663e\u793a\u5bb9\u5668-->\n&lt;style>\n  #greetingBox {\n    position: fixed;\n    top: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 400px;\n    text-align: center;\n    z-index: 10000;\n    pointer-events: none;\n  }\n\n  #greeting {\n    display: inline-block;\n    position: relative;\n    opacity: 0; \/*\u521d\u59cb\u900f\u660e\u5ea6\u4e3a 0*\/\n    top: -110px; \/*\u521d\u59cb\u4f4d\u7f6e\u5728\u5bb9\u5668\u4e0a\u65b9*\/\n    padding: 5px 40px;\n    border-radius: 50px;\n    background-color: #fff;\n    color: #000;\n    font-size: small;\n    transition: .5s; \/*\u52a8\u753b\u8fc7\u6e21\u65f6\u95f4\u4e3a 0.5 \u79d2*\/\n    box-shadow: rgb(0 0 0 \/ 5%) 0 10px 20px;\n  }\n\n  #greeting.shown {\n    opacity: 1; \/*\u663e\u793a\u65f6\u900f\u660e\u5ea6\u4e3a 1*\/\n    top: 0; \/*\u663e\u793a\u65f6\u4f4d\u7f6e\u5728\u5bb9\u5668\u4e2d\u592e*\/\n  }\n&lt;\/style>\n\n&lt;script>\n  (() => {\n    const greetings = &#91;{\n        \"greeting\": \"\u665a\u5b89\ud83d\ude34\",\n        \"start_time\": 0,\n        \"end_time\": 5\n      },\n      {\n        \"greeting\": \"\u65e9\u4e0a\u597d\u9e2d\ud83d\udc4b, \u795d\u4f60\u4e00\u5929\u597d\u5fc3\u60c5\uff01\",\n        \"start_time\": 6,\n        \"end_time\": 9\n      },\n      {\n        \"greeting\": \"\u4e0a\u5348\u597d\ud83d\udc4b, \u72b6\u6001\u5f88\u597d\uff0c\u9f13\u52b1\u4e00\u4e0b\uff5e\",\n        \"start_time\": 10,\n        \"end_time\": 10\n      },\n      {\n        \"greeting\": \"11\u70b9\u591a\u5566, \u5728\u575a\u6301\u4e00\u4e0b\u5c31\u5403\u996d\u5566\uff5e\",\n        \"start_time\": 11,\n        \"end_time\": 11\n      },\n      {\n        \"greeting\": \"\u5348\u5b89\ud83d\udc4b, \u5b9d\u8d1d\",\n        \"start_time\": 12,\n        \"end_time\": 14\n      },\n      {\n        \"greeting\": \"\ud83c\udf08\u5145\u5b9e\u7684\u4e00\u5929\u8f9b\u82e6\u5566\uff01\",\n        \"start_time\": 14,\n        \"end_time\": 18\n      },\n      {\n        \"greeting\": \"19\u70b9\u55bd, \u5956\u52b1\u4e00\u987f\u4e30\u76db\u7684\u5927\u9910\u5427\ud83c\udf54\u3002\",\n        \"start_time\": 19,\n        \"end_time\": 19\n      },\n      {\n        \"greeting\": \"\u665a\u4e0a\u597d\ud83d\udc4b, \u5728\u5c5e\u4e8e\u81ea\u5df1\u7684\u65f6\u95f4\u597d\u597d\u653e\u677e\ud83d\ude0c~\",\n        \"start_time\": 20,\n        \"end_time\": 24\n      }\n    ];\n\n    \/\/ \u83b7\u53d6\u5f53\u524d\u65f6\u95f4\n    const currentHour = (new Date).getHours();\n\n    \/\/ \u6839\u636e\u5f53\u524d\u65f6\u95f4\u83b7\u53d6\u76f8\u5e94\u7684\u95ee\u5019\u8bed\n    let chosenGreeting = \"\u665a\u4e0a\u597d\ud83d\udc4b\";\n    for (let i = 0; i &lt; greetings.length; i++) {\n      if (currentHour >= greetings&#91;i].start_time &amp;&amp; currentHour &lt;= greetings&#91;i].end_time) {\n        chosenGreeting = greetings&#91;i].greeting;\n        break;\n      }\n    }\n\n    \/\/ \u521b\u5efa\u95ee\u5019\u8bed\u5143\u7d20\n    const greetingElement = document.createElement(\"div\");\n    greetingElement.id = \"greeting\";\n\n    \/\/ \u8bbe\u7f6e\u95ee\u5019\u8bed\u6587\u672c\u5185\u5bb9\n    greetingElement.innerHTML = chosenGreeting;\n\n    \/\/ \u5c06\u95ee\u5019\u8bed\u5143\u7d20\u6dfb\u52a0\u5230\u5bb9\u5668\u4e2d\n    const greetingBox = document.querySelector(\"#greetingBox\");\n    greetingBox.appendChild(greetingElement);\n\n    \/\/ \u663e\u793a\u95ee\u5019\u8bed\n    setTimeout(() => {\n      greetingElement.classList.add(\"shown\");\n    }, 1000);\n\n    \/\/ \u9690\u85cf\u95ee\u5019\u8bed\n    setTimeout(() => {\n      greetingElement.classList.remove(\"shown\");\n      setTimeout(() => {\n        greetingBox.remove();\n      }, 500);\n    }, 3000);\n  })();\n&lt;\/script>\n&lt;!--\u95ee\u5019\u8bed\u7ed3\u675f--><\/code><\/pre>\n\n\n\n<p>\u5728\u4f60\u7684\u535a\u5ba2header.php\u6587\u4ef6&lt;head>\u6807\u7b7e\u540e\u653e\u7f6e\u5373\u53ef\uff0c\u5df2\u7ecf\u505a\u4e86\u5c45\u4e2d\u548c\u7cbe\u7b80\u5904\u7406<\/p>\n\n\n\n<p>\u795d\u541b\u597d\u8fd0~<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u8a00 \u4e3a\u60a8\u7684\u7f51\u7ad9\u6dfb\u52a0\u6839\u636e\u4e0d\u540c\u65f6\u95f4\u6bb5\u663e\u793a\u6e29\u99a8\u63d0\u793a\u95ee\u5019\u8bed\u7684\u4ee3\u7801\uff0c\u4ee5\u589e\u5f3a\u7528\u6237\u4f53\u9a8c\u3002\u4e00\u65e6\u8bbf\u5ba2\u8fdb\u5165\u60a8\u7684\u7f51\u7ad9\uff0c\u4ed6\u4eec\u5c06\u4f1a\u770b\u5230\u6839\u636e\u5f53\u524d\u65f6\u95f4\u6bb5\u800c\u53d8\u5316 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":224596,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":"","footnotes":""},"categories":[3],"tags":[6,115,114],"class_list":["post-224592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-daogu","tag-wordpress","tag-115","tag-114"],"_links":{"self":[{"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/posts\/224592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/comments?post=224592"}],"version-history":[{"count":3,"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/posts\/224592\/revisions"}],"predecessor-version":[{"id":224599,"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/posts\/224592\/revisions\/224599"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/media\/224596"}],"wp:attachment":[{"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/media?parent=224592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/categories?post=224592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ciyuani.com\/index.php\/wp-json\/wp\/v2\/tags?post=224592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}