{"id":37997,"date":"2025-10-12T00:05:16","date_gmt":"2025-10-11T16:05:16","guid":{"rendered":"https:\/\/pokeamice.com\/?p=37997"},"modified":"2025-10-15T22:58:46","modified_gmt":"2025-10-15T14:58:46","slug":"za-cd","status":"publish","type":"post","link":"https:\/\/pokeamice.com\/index.php\/2025\/10\/12\/za-cd\/","title":{"rendered":"\u5bc6\u963f\u96f7\u5e02\u300e\u90fd\u5e02\u518d\u5f00\u53d1\u300f\u8ba1\u5212\u542f\u52a8…"},"content":{"rendered":"\n\n\n\n \n \n \u52a8\u6001\u80cc\u666f\u5012\u8ba1\u65f6<\/title>\n <style>\n \/* =================================================================== *\/\n \/* --- \u3010\u5012\u8ba1\u65f6\u5149\u6548\u81ea\u5b9a\u4e49\u533a\u57df\u3011 --- *\/\n \/* =================================================================== *\/\n :root {\n \/* --- \u5929 (Days) --- *\/\n --font-color-days: #F2C5C7; \/* \u5b57\u4f53\u989c\u8272 *\/\n --stroke-color-days: #616876; \/* \u63cf\u8fb9\u989c\u8272 *\/\n --glow-color-days: #FDFEFF; \/* \u5149\u6548\u989c\u8272 (\u6765\u81ea\u60a8\u4e4b\u524d\u7684\u8bbe\u7f6e) *\/\n --glow-rate-days: 15s; \/* \u547c\u5438\u901f\u7387 *\/\n\n \/* --- \u5c0f\u65f6 (Hours) --- *\/\n --font-color-hours: #F19CAD;\n --stroke-color-hours: #616876;\n --glow-color-hours: #626976;\n --glow-rate-hours: 10s;\n\n \/* --- \u5206\u949f (Minutes) --- *\/\n --font-color-minutes: #322A28;\n --stroke-color-minutes: #75975F;\n --glow-color-minutes: #F2AFB9;\n --glow-rate-minutes: 3s;\n\n \/* --- \u79d2 (Seconds) --- *\/\n --font-color-seconds: #A8D49C;\n --stroke-color-seconds: #3F8754;\n --glow-color-seconds: #A6D3A0;\n --glow-rate-seconds: 1s;\n }\n \/* =================================================================== *\/\n\n \/* --- \u52a8\u753b\uff1a\u53ef\u81ea\u5b9a\u4e49\u7684\u5e73\u6ed1\u547c\u5438\u706f\u5149\u6548 --- *\/\n @keyframes smooth-breathing-glow {\n 0%, 100% {\n \/* \u63cf\u8fb9 + \u6700\u5c0f\u5149\u6548 *\/\n text-shadow:\n -2px -2px 0 var(--stroke-color, #000), 2px -2px 0 var(--stroke-color, #000),\n -2px 2px 0 var(--stroke-color, #000), 2px 2px 0 var(--stroke-color, #000),\n 0 0 7px #fff,\n 0 0 10px var(--glow-color, #0a84ff),\n 0 0 21px var(--glow-color, #0a84ff);\n }\n 50% {\n \/* \u63cf\u8fb9 + \u6700\u5927\u5149\u6548 *\/\n text-shadow:\n -2px -2px 0 var(--stroke-color, #000), 2px -2px 0 var(--stroke-color, #000),\n -2px 2px 0 var(--stroke-color, #000), 2px 2px 0 var(--stroke-color, #000),\n 0 0 10px #fff,\n 0 0 20px #fff,\n 0 0 40px var(--glow-color, #0a84ff),\n 0 0 80px var(--glow-color, #0a84ff);\n }\n }\n\n \/* --- \u52a8\u753b\uff1a\u80cc\u666f\u4ece\u5de6\u5230\u53f3\u6eb6\u89e3\u8fc7\u6e21 --- *\/\n @keyframes left-to-right-dissolve {\n from {\n \/* \u65e7\u56fe\u7247\u5b8c\u5168\u53ef\u89c1 *\/\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n }\n to {\n \/* \u65e7\u56fe\u7247\u4ece\u5de6\u5230\u53f3\u6d88\u5931\uff0c\u663e\u793a\u4e0b\u65b9\u7684\u65b0\u56fe\u7247 *\/\n clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);\n }\n }\n\n \/* --- \u57fa\u672c\u6837\u5f0f --- *\/\n body, html {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Microsoft YaHei';\n color: white;\n \/* overflow: hidden; <-- \u5df2\u79fb\u9664\u6b64\u884c\u4ee5\u5141\u8bb8\u6eda\u52a8 *\/\n }\n\n \/* --- \u4e3b\u8981\u5bb9\u5668\u4e0e\u80cc\u666f\u8bbe\u7f6e --- *\/\n .countdown-container {\n position: relative; \/* \u4e3a ::before \u4f2a\u5143\u7d20\u548c\u5168\u5c4f\u6309\u94ae\u63d0\u4f9b\u5b9a\u4f4d\u4e0a\u4e0b\u6587 *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n height: 100vh;\n width: 100vw;\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n background-color: rgba(0, 0, 0, 0.5); \/* \u52a0\u6df1\u906e\u7f69\uff0c\u8ba9\u5149\u6548\u66f4\u660e\u663e *\/\n background-blend-mode: multiply;\n }\n\n \/* --- \u6807\u9898\u548c\u7ed3\u675f\u8bed\u6837\u5f0f --- *\/\n #title, #end-message {\n position: relative; \/* \u786e\u4fdd\u5728\u80cc\u666f\u8fc7\u6e21\u5c42\u4e4b\u4e0a *\/\n z-index: 1;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 2px;\n \/* text-shadow is now set individually *\/\n }\n \n #title {\n font-size: 3.5rem;\n margin-bottom: 2rem;\n color: #ffffff; \/* \u5b57\u4f53\u989c\u8272\u4e3a\u767d\u8272 *\/\n text-shadow: \n -1px -1px 0 #ffc0cb, 1px -1px 0 #ffc0cb, -1px 1px 0 #ffc0cb, 1px 1px 0 #ffc0cb, \/* \u6de1\u7c89\u8272\u63cf\u8fb9 *\/\n 4px 4px 8px rgba(0,0,0,0.6); \/* \u9634\u5f71 *\/\n }\n\n #end-message {\n font-size: 5rem;\n display: none;\n \/* \u7ed3\u675f\u8bed\u4e5f\u52a0\u4e0a\u5149\u6548, \u4f7f\u7528\u79d2\u7684\u989c\u8272\u548c\u901f\u7387 *\/\n color: var(--font-color-seconds);\n --stroke-color: var(--stroke-color-seconds);\n --glow-color: var(--glow-color-seconds);\n animation: smooth-breathing-glow var(--glow-rate-seconds) ease-in-out infinite;\n }\n\n \/* --- \u5012\u8ba1\u65f6\u6570\u5b57\u6837\u5f0f --- *\/\n .countdown {\n position: relative; \/* \u786e\u4fdd\u5728\u80cc\u666f\u8fc7\u6e21\u5c42\u4e4b\u4e0a *\/\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .time-unit {\n margin: 0 1.5rem;\n }\n\n .time-unit span {\n display: block;\n font-size: 7rem;\n font-weight: 900;\n line-height: 1;\n \/* \u63cf\u8fb9\u548c\u52a8\u753b\u6548\u679c\u5df2\u79fb\u81f3\u4e0b\u65b9\u7684 ID \u9009\u62e9\u5668\u4e2d\u5355\u72ec\u8bbe\u7f6e *\/\n }\n\n \/* --- \u4e3a\u6bcf\u4e2a\u65f6\u95f4\u5355\u4f4d\u5355\u72ec\u8bbe\u7f6e\u5149\u6548\u989c\u8272\u548c\u901f\u7387 --- *\/\n #days {\n color: var(--font-color-days);\n --stroke-color: var(--stroke-color-days);\n --glow-color: var(--glow-color-days);\n animation: smooth-breathing-glow var(--glow-rate-days) ease-in-out infinite;\n }\n #hours {\n color: var(--font-color-hours);\n --stroke-color: var(--stroke-color-hours);\n --glow-color: var(--glow-color-hours);\n animation: smooth-breathing-glow var(--glow-rate-hours) ease-in-out infinite;\n }\n #minutes {\n color: var(--font-color-minutes);\n --stroke-color: var(--stroke-color-minutes);\n --glow-color: var(--glow-color-minutes);\n animation: smooth-breathing-glow var(--glow-rate-minutes) ease-in-out infinite;\n }\n #seconds {\n color: var(--font-color-seconds);\n --stroke-color: var(--stroke-color-seconds);\n --glow-color: var(--glow-color-seconds);\n animation: smooth-breathing-glow var(--glow-rate-seconds) ease-in-out infinite;\n }\n\n .time-unit label {\n display: block;\n font-size: 1.2rem;\n margin-top: 0.8rem;\n text-transform: uppercase;\n text-shadow: \n -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000,\n 2px 2px 4px rgba(0,0,0,0.5);\n }\n\n \/* --- \u5168\u5c4f\u6309\u94ae\u6837\u5f0f --- *\/\n #fullscreen-btn {\n position: absolute; \/* Changed from fixed to absolute *\/\n top: 20px;\n right: 20px;\n z-index: 100;\n background-color: rgba(0, 0, 0, 0.4);\n border: 1px solid rgba(255, 255, 255, 0.7);\n border-radius: 50%;\n width: 44px;\n height: 44px;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.3s, transform 0.2s;\n }\n #fullscreen-btn:hover {\n background-color: rgba(0, 0, 0, 0.7);\n transform: scale(1.1);\n }\n #fullscreen-btn svg {\n width: 22px;\n height: 22px;\n fill: white;\n }\n .icon-exit-fullscreen {\n display: none;\n }\n\n \/* --- \u54cd\u5e94\u5f0f\u8bbe\u8ba1\uff1a\u9002\u914d\u624b\u673a\u7b49\u5c0f\u5c4f\u5e55\u8bbe\u5907 --- *\/\n @media (max-width: 768px) {\n #title {\n font-size: 1.8rem;\n }\n\n .countdown {\n flex-direction: column;\n }\n\n .time-unit {\n margin: 1rem 0;\n }\n\n .time-unit span {\n font-size: 4.5rem;\n }\n\n .time-unit label {\n font-size: 1rem;\n }\n \n #end-message {\n font-size: 3rem;\n }\n #fullscreen-btn {\n width: 38px;\n height: 38px;\n top: 15px;\n right: 15px;\n }\n #fullscreen-btn svg {\n width: 18px;\n height: 18px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"countdown-container\">\n <button id=\"fullscreen-btn\" title=\"\u5207\u6362\u5168\u5c4f\">\n <svg class=\"icon-fullscreen\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M4 4h4v2H6v2H4V4zm16 0h-4v2h2v2h2V4zM4 20h4v-2H6v-2H4v4zm16 0h-4v-2h2v-2h2v4z\"\/><\/svg>\n <svg class=\"icon-exit-fullscreen\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M10 10h-4v-2h2V6h2v4zm4 0h4v-2h-2V6h-2v4zM10 14h-4v2h2v2h2v-4zm4 0h4v2h-2v2h-2v-4z\"\/><\/svg>\n <\/button>\n\n <h1 id=\"title\">\u8ddd\u79bb\u5bc6\u963f\u96f7\u5e02\u300e\u90fd\u5e02\u518d\u5f00\u53d1\u300f\u8ba1\u5212\u542f\u52a8\u8fd8\u6709<\/h1>\n <div id=\"countdown\" class=\"countdown\">\n <div class=\"time-unit\">\n <span id=\"days\">00<\/span>\n <label>\u5929<\/label>\n <\/div>\n <div class=\"time-unit\">\n <span id=\"hours\">00<\/span>\n <label>\u5c0f\u65f6<\/label>\n <\/div>\n <div class=\"time-unit\">\n <span id=\"minutes\">00<\/span>\n <label>\u5206\u949f<\/label>\n <\/div>\n <div class=\"time-unit\">\n <span id=\"seconds\">00<\/span>\n <label>\u79d2<\/label>\n <\/div>\n <\/div>\n <h1 id=\"end-message\">\u300e\u90fd\u5e02\u518d\u5f00\u53d1\u300f\u8ba1\u5212\u5df2 \u542f\u52a8\uff01\u4e0b\u4e00\u7ad9\uff01\u5bc6\u963f\u96f7\u8f66\u7ad9\uff01<\/h1>\n <\/div>\n\n <script>\n \/\/ ===================================================================\n \/\/ --- \u3010\u7b2c\u4e00\u6b65\uff1a\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u3011 ---\n \/\/ ===================================================================\n\n \/\/ 1. \u8bbe\u7f6e\u4f60\u7684\u76ee\u6807\u65e5\u671f\u548c\u65f6\u95f4\n \/\/ \u683c\u5f0f\uff1a'YYYY-MM-DDTHH:mm:ssZ' (\u672b\u5c3e\u7684 'Z' \u8868\u793a\u8fd9\u662f UTC\/\u683c\u6797\u5a01\u6cbb\u6807\u51c6\u65f6\u95f4)\n const targetDate = '2025-10-15T15:00:00Z';\n\n \/\/ 2. \u8bbe\u7f6e\u5012\u8ba1\u65f6\u5f52\u96f6\u540e\u663e\u793a\u7684\u56fa\u5b9a\u56fe\u7247\n \/\/ \u5982\u679c\u7559\u7a7a ('')\uff0c\u5219\u4f1a\u663e\u793a\u201c\u5012\u8ba1\u65f6\u7ed3\u675f!\u201d\u7684\u6587\u5b57\u3002\n const endImage = 'https:\/\/gallery.pokeamice.com\/20251015234822248.png';\n \/\/ 3. \u5728\u8fd9\u91cc\u5217\u51fa\u4f60\u7528\u4e8e\u968f\u673a\u80cc\u666f\u7684\u6240\u6709\u56fe\u7247\u7684\u6587\u4ef6\u540d\u6216\u94fe\u63a5\n const imageFiles = [\n 'https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h55m38s935.png',\n \"https:\/\/gallery.pokeamice.com\/%E5%90%8E%E8%8A%B1%E5%9B%AD.png\",\n \"https:\/\/gallery.pokeamice.com\/characters_img_05.jpg\",\n \"https:\/\/gallery.pokeamice.com\/bg_battle%40pc.jpg\",\n \"https:\/\/gallery.pokeamice.com\/bg_pokemon%40pc.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-2.16.30.jpg\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-04-03-01h12m11s393.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h26m36s857.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h38m23s346.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h39m12s824.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h41m07s348.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h41m14s637.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h41m17s487.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h41m23s184.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-22-23h49m47s367.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-23-01h29m37s158.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-23-01h29m42s009.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-23-01h36m14s519.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-23-01h36m37s941.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-23-01h52m30s575.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-23-01h53m49s439.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-24-10h42m28s481.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-24-15h27m49s984.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-25-23h41m24s184.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-26-00h20m46s037.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-26-00h29m53s849.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-29-11h02m19s582.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-29-11h03m51s486.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-29-11h06m26s796.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-29-11h10m32s065.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-29-11h11m41s757.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-29-11h15m00s483.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-07-29-11h15m11s471.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-08-23-15h05m09s790.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-10-22h39m58s879.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h51m00s257.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h52m52s136.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h52m56s365.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h53m03s979.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h53m40s939.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h53m48s576.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h54m21s382.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h54m58s522.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h55m18s851.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-12-23h55m38s935.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-13-01h22m33s411.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-09-13-01h22m54s764.png\",\n \"https:\/\/gallery.pokeamice.com\/%E5%90%8E%E8%8A%B1%E5%9B%AD.png\",\n \"https:\/\/gallery.pokeamice.com\/%E7%BB%BF.png\",\n \"https:\/\/gallery.pokeamice.com\/78f73b5a4456a9898057d6608ec64aa0.png\",\n \"https:\/\/gallery.pokeamice.com\/bg_battle%40pc.jpg\",\n \"https:\/\/gallery.pokeamice.com\/bg_pokemon%40pc.jpg\",\n \"https:\/\/gallery.pokeamice.com\/characters_img_05.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-1.03.66.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-1.25.52.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-1.38.90.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-1.45.60.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-2.16.30.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-2.17.70.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-2.24.31.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-2.25.31.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-2.38.76.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-4.22.10.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-4.25.63.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-7.01.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-28.26.jpg\",\n \"https:\/\/gallery.pokeamice.com\/videoplayback%20(2)-32.36.jpg\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-05-23h56m58s965.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-06-00h03m11s470.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-06-00h04m38s795.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-06-00h05m59s271.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-27-22h57m03s556.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-27-22h59m27s208.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-27-23h03m09s893.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-27-23h03m39s119.png\",\n \"https:\/\/gallery.pokeamice.com\/vlcsnap-2025-03-27-23h06m11s690.png\",\n \/\/ ... etc.\n ];\n\n \/\/ ===================================================================\n \/\/ --- \u3010\u7b2c\u4e8c\u6b65\uff1a\u4ee3\u7801\u903b\u8f91 - \u65e0\u9700\u4fee\u6539\u3011 ---\n \/\/ ===================================================================\n\n document.addEventListener('DOMContentLoaded', () => {\n const container = document.querySelector('.countdown-container');\n const dynamicBgStyle = document.createElement('style');\n document.head.appendChild(dynamicBgStyle);\n let currentImageIndex = -1;\n let animationTimeout;\n let backgroundInterval;\n\n function changeBackground(isInitial = false) {\n if (!imageFiles || imageFiles.length === 0) {\n console.warn('\u8b66\u544a: \u56fe\u7247\u5217\u8868\u4e3a\u7a7a\uff0c\u65e0\u6cd5\u5207\u6362\u80cc\u666f\u3002');\n return;\n }\n \n let newIndex;\n do {\n newIndex = Math.floor(Math.random() * imageFiles.length);\n } while (imageFiles.length > 1 && newIndex === currentImageIndex);\n \n currentImageIndex = newIndex;\n const newImageName = imageFiles[currentImageIndex];\n const newImagePath = `${newImageName}`;\n\n if (isInitial) {\n container.style.backgroundImage = `url('${newImagePath}')`;\n } else {\n if (animationTimeout) clearTimeout(animationTimeout);\n const oldImageUrl = container.style.backgroundImage;\n container.style.backgroundImage = `url('${newImagePath}')`;\n dynamicBgStyle.innerHTML = `\n .countdown-container::before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 0;\n background-image: ${oldImageUrl};\n background-size: cover;\n background-position: center;\n animation: left-to-right-dissolve 1.5s forwards ease-in-out;\n }\n `;\n animationTimeout = setTimeout(() => {\n dynamicBgStyle.innerHTML = '';\n }, 1500);\n }\n }\n \n changeBackground(true);\n backgroundInterval = setInterval(() => changeBackground(false), 10000);\n\n const daysEl = document.getElementById('days');\n const hoursEl = document.getElementById('hours');\n const minutesEl = document.getElementById('minutes');\n const secondsEl = document.getElementById('seconds');\n const countdownEl = document.getElementById('countdown');\n const titleEl = document.getElementById('title');\n const endMessageEl = document.getElementById('end-message');\n const fsBtn = document.getElementById('fullscreen-btn');\n\n const targetTime = new Date(targetDate).getTime();\n let countdownInterval; \/\/ Declare variable here\n\n function updateCountdown() {\n const now = new Date().getTime();\n const distance = targetTime - now;\n\n if (distance < 0) {\n clearInterval(countdownInterval); \/\/ \u505c\u6b62\u5012\u8ba1\u65f6\n clearInterval(backgroundInterval); \/\/ \u505c\u6b62\u80cc\u666f\u5207\u6362\n\n \/\/ \u9690\u85cf\u4e0d\u518d\u9700\u8981\u7684\u5143\u7d20\n countdownEl.style.display = 'none';\n titleEl.style.display = 'none';\n fsBtn.style.display = 'none';\n\n if (endImage) {\n \/\/ \u5982\u679c\u8bbe\u7f6e\u4e86\u7ed3\u675f\u56fe\u7247\uff0c\u5219\u5c06\u5176\u8bbe\u4e3a\u80cc\u666f\n dynamicBgStyle.innerHTML = ''; \/\/ \u6e05\u9664\u8fc7\u6e21\u52a8\u753b\u6837\u5f0f\n container.style.backgroundImage = `url('${endImage}')`;\n }\n \n \/\/ \u65e0\u8bba\u662f\u5426\u6709\u7ed3\u675f\u56fe\u7247\uff0c\u90fd\u663e\u793a\u7ed3\u675f\u8bed\n endMessageEl.style.display = 'block';\n \n return;\n }\n\n const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n daysEl.innerText = String(days).padStart(2, '0');\n hoursEl.innerText = String(hours).padStart(2, '0');\n minutesEl.innerText = String(minutes).padStart(2, '0');\n secondsEl.innerText = String(seconds).padStart(2, '0');\n }\n\n updateCountdown();\n countdownInterval = setInterval(updateCountdown, 1000); \/\/ Assign value here\n\n \/\/ --- \u5168\u5c4f\u5207\u6362\u903b\u8f91 ---\n const enterIcon = document.querySelector('.icon-fullscreen');\n const exitIcon = document.querySelector('.icon-exit-fullscreen');\n\n function toggleFullScreen() {\n if (!document.fullscreenElement) {\n container.requestFullscreen().catch(err => {\n alert(`\u8fdb\u5165\u5168\u5c4f\u5931\u8d25: ${err.message} (${err.name})`);\n });\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n }\n }\n }\n\n function updateFullscreenIcon() {\n if (document.fullscreenElement) {\n enterIcon.style.display = 'none';\n exitIcon.style.display = 'block';\n } else {\n enterIcon.style.display = 'block';\n exitIcon.style.display = 'none';\n }\n }\n\n fsBtn.addEventListener('click', toggleFullScreen);\n document.addEventListener('fullscreenchange', updateFullscreenIcon);\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u52a8\u6001\u80cc\u666f\u5012\u8ba1\u65f6 \u8ddd\u79bb\u5bc6\u963f\u96f7\u5e02\u300e\u90fd\u5e02\u518d\u5f00\u53d1\u300f\u8ba1\u5212\u542f\u52a8\u8fd8\u6709 00 \u5929 00 \u5c0f\u65f6 00 \u5206\u949f 00 \u79d2 \u300e\u90fd\u5e02\u518d\u5f00 […]<\/p>\n","protected":false},"author":1,"featured_media":38001,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[129,130,47],"tags":[12,334,336,14,32],"class_list":["post-37997","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-freak","category-130","category-47","tag-pokemon","tag-za","tag-336","tag-14","tag-32"],"blocksy_meta":{"disable_featured_image":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/posts\/37997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/comments?post=37997"}],"version-history":[{"count":9,"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/posts\/37997\/revisions"}],"predecessor-version":[{"id":38013,"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/posts\/37997\/revisions\/38013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/media\/38001"}],"wp:attachment":[{"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/media?parent=37997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/categories?post=37997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pokeamice.com\/index.php\/wp-json\/wp\/v2\/tags?post=37997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}