{"id":1179,"date":"2026-04-17T14:31:27","date_gmt":"2026-04-17T06:31:27","guid":{"rendered":"https:\/\/www.05621997.xyz\/?page_id=1179"},"modified":"2026-04-17T14:36:22","modified_gmt":"2026-04-17T06:36:22","slug":"%e8%ae%a1%e6%97%b6%e5%b0%8f%e5%b7%a5%e5%85%b7","status":"publish","type":"page","link":"https:\/\/www.05621997.xyz\/index.php\/tools\/%e8%ae%a1%e6%97%b6%e5%b0%8f%e5%b7%a5%e5%85%b7\/","title":{"rendered":"\u8ba1\u65f6\u5c0f\u5de5\u5177"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1179\" class=\"elementor elementor-1179\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1338b77 e-con-full e-flex e-con e-parent\" data-id=\"1338b77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-579bc0e elementor-widget elementor-widget-heading\" data-id=\"579bc0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u8ba1\u65f6\u5c0f\u5de5\u5177<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c701ac2 e-con-full e-flex e-con e-parent\" data-id=\"c701ac2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc431b elementor-widget elementor-widget-heading\" data-id=\"4cc431b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u4f7f\u7528\u300c\u5012\u8ba1\u65f6\u300d\u65f6\uff0c\u8bbe\u7f6e\u597d\u65f6\u95f4\u540e\u5148\u70b9\u51fb\u91cd\u7f6e\u518d\u5f00\u59cb<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22b8c78 e-con-full e-flex e-con e-parent\" data-id=\"22b8c78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cffb2c6 elementor-widget elementor-widget-html\" data-id=\"cffb2c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-timer-wrapper\">\r\n  <div class=\"custom-timer-control-section\">\r\n    <div class=\"custom-timer-mode-group\">\r\n      <button class=\"custom-timer-mode-btn custom-timer-mode-active\" data-mode=\"countup\">\u6b63\u8ba1\u65f6<\/button>\r\n      <button class=\"custom-timer-mode-btn\" data-mode=\"countdown\">\u5012\u8ba1\u65f6<\/button>\r\n    <\/div>\r\n    <div class=\"custom-timer-input-group\">\r\n      <input type=\"number\" class=\"custom-timer-input\" id=\"custom-hh\" placeholder=\"\u65f6\" min=\"0\" max=\"99\" value=\"0\">\r\n      <span class=\"custom-timer-separator\">:<\/span>\r\n      <input type=\"number\" class=\"custom-timer-input\" id=\"custom-mm\" placeholder=\"\u5206\" min=\"0\" max=\"59\" value=\"0\">\r\n      <span class=\"custom-timer-separator\">:<\/span>\r\n      <input type=\"number\" class=\"custom-timer-input\" id=\"custom-ss\" placeholder=\"\u79d2\" min=\"0\" max=\"59\" value=\"0\">\r\n    <\/div>\r\n    <div class=\"custom-timer-btn-group\">\r\n      <button class=\"custom-timer-action-btn\" id=\"custom-start-btn\">\u5f00\u59cb<\/button>\r\n      <button class=\"custom-timer-action-btn\" id=\"custom-pause-btn\">\u6682\u505c<\/button>\r\n      <button class=\"custom-timer-action-btn\" id=\"custom-reset-btn\">\u91cd\u7f6e<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"custom-timer-display-section\">\r\n    <div class=\"custom-timer-display-box\">\r\n      <span id=\"custom-display-hh\">00<\/span>\r\n      <span class=\"custom-timer-colon\">:<\/span>\r\n      <span id=\"custom-display-mm\">00<\/span>\r\n      <span class=\"custom-timer-colon\">:<\/span>\r\n      <span id=\"custom-display-ss\">00<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;}\r\n.custom-timer-wrapper{width:900px;max-width:100%;margin:30px auto;padding:0 20px;}\r\n.custom-timer-control-section{background:#f8f9fa;border-radius:16px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:24px;display:flex;flex-direction:column;gap:20px;align-items:center;}\r\n.custom-timer-mode-group{display:flex;gap:12px;}\r\n.custom-timer-mode-btn{padding:10px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;background:#e9ecef;color:#495057;transition:all 0.3s ease;}\r\n.custom-timer-mode-active{background:#409eff;color:white;}\r\n.custom-timer-input-group{display:flex;align-items:center;gap:8px;}\r\n.custom-timer-input{width:80px;height:48px;border:2px solid #e9ecef;border-radius:8px;text-align:center;font-size:18px;font-weight:600;color:#2c3e50;outline:none;transition:border-color 0.3s ease;}\r\n.custom-timer-input:focus{border-color:#409eff;}\r\n.custom-timer-separator{font-size:24px;font-weight:700;color:#2c3e50;}\r\n.custom-timer-btn-group{display:flex;gap:12px;}\r\n.custom-timer-action-btn{padding:12px 28px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.3s ease;}\r\n#custom-start-btn{background:#67c23a;color:white;}\r\n#custom-pause-btn{background:#e6a23c;color:white;}\r\n#custom-reset-btn{background:#f56c6c;color:white;}\r\n.custom-timer-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15);}\r\n.custom-timer-display-section{background:#ffffff;border-radius:20px;padding:40px 20px;box-shadow:0 8px 24px rgba(0,0,0,0.1);text-align:center;}\r\n.custom-timer-display-box{font-size:80px;font-weight:700;color:#2c3e50;letter-spacing:4px;}\r\n.custom-timer-colon{margin:0 16px;animation:custom-timer-blink 1s infinite;}\r\n@keyframes custom-timer-blink{0%,100%{opacity:1;}50%{opacity:0.3;}}\r\n@media (max-width:768px){\r\n  .custom-timer-display-box{font-size:48px;}\r\n  .custom-timer-input{width:60px;height:42px;font-size:16px;}\r\n  .custom-timer-mode-btn{padding:8px 18px;font-size:14px;}\r\n  .custom-timer-action-btn{padding:10px 20px;font-size:14px;}\r\n}\r\n@media (max-width:480px){\r\n  .custom-timer-display-box{font-size:36px;letter-spacing:2px;}\r\n  .custom-timer-colon{margin:0 8px;}\r\n  .custom-timer-control-section{padding:16px;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst customTimerWrapper=document.querySelector('.custom-timer-wrapper');\r\nconst customModeBtns=document.querySelectorAll('.custom-timer-mode-btn');\r\nconst customInputs={hh:document.getElementById('custom-hh'),mm:document.getElementById('custom-mm'),ss:document.getElementById('custom-ss')};\r\nconst customDisplay={hh:document.getElementById('custom-display-hh'),mm:document.getElementById('custom-display-mm'),ss:document.getElementById('custom-display-ss')};\r\nconst customStartBtn=document.getElementById('custom-start-btn');\r\nconst customPauseBtn=document.getElementById('custom-pause-btn');\r\nconst customResetBtn=document.getElementById('custom-reset-btn');\r\nlet customCurrentMode='countup';\r\nlet customTimerInterval=null;\r\nlet customTotalSeconds=0;\r\nlet customRemainingSeconds=0;\r\nfunction customFormatTime(num){return num.toString().padStart(2,'0');}\r\nfunction customUpdateDisplay(seconds){const h=Math.floor(seconds\/3600);const m=Math.floor((seconds%3600)\/60);const s=seconds%60;customDisplay.hh.textContent=customFormatTime(h);customDisplay.mm.textContent=customFormatTime(m);customDisplay.ss.textContent=customFormatTime(s);}\r\nfunction customResetTimer(){clearInterval(customTimerInterval);customTimerInterval=null;if(customCurrentMode==='countup'){customTotalSeconds=0;}else{const h=parseInt(customInputs.hh.value)||0;const m=parseInt(customInputs.mm.value)||0;const s=parseInt(customInputs.ss.value)||0;customRemainingSeconds=h*3600+m*60+s;}customUpdateDisplay(customCurrentMode==='countup'?0:customRemainingSeconds);}\r\nfunction customStartCountup(){if(customTimerInterval)return;customTimerInterval=setInterval(()=>{customTotalSeconds++;customUpdateDisplay(customTotalSeconds);},1000);}\r\nfunction customStartCountdown(){if(customTimerInterval||customRemainingSeconds<=0)return;customTimerInterval=setInterval(()=>{customRemainingSeconds--;customUpdateDisplay(customRemainingSeconds);if(customRemainingSeconds<=0){clearInterval(customTimerInterval);customTimerInterval=null;}},1000);}\r\ncustomModeBtns.forEach(btn=>{btn.addEventListener('click',()=>{customModeBtns.forEach(b=>b.classList.remove('custom-timer-mode-active'));btn.classList.add('custom-timer-mode-active');customCurrentMode=btn.dataset.mode;customResetTimer();});});\r\ncustomStartBtn.addEventListener('click',()=>{if(customCurrentMode==='countup'){customStartCountup();}else{const h=parseInt(customInputs.hh.value)||0;const m=parseInt(customInputs.mm.value)||0;const s=parseInt(customInputs.ss.value)||0;if(customRemainingSeconds===0)customRemainingSeconds=h*3600+m*60+s;customStartCountdown();}});\r\ncustomPauseBtn.addEventListener('click',()=>{clearInterval(customTimerInterval);customTimerInterval=null;});\r\ncustomResetBtn.addEventListener('click',customResetTimer);\r\nwindow.addEventListener('load',()=>{const h=parseInt(customInputs.hh.value)||0;const m=parseInt(customInputs.mm.value)||0;const s=parseInt(customInputs.ss.value)||0;customRemainingSeconds=h*3600+m*60+s;customUpdateDisplay(0);});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8ba1\u65f6\u5c0f\u5de5\u5177 \u4f7f\u7528\u300c\u5012\u8ba1\u65f6\u300d\u65f6\uff0c\u8bbe\u7f6e\u597d\u65f6\u95f4\u540e\u5148\u70b9\u51fb\u91cd\u7f6e\u518d\u5f00\u59cb \u6b63\u8ba1\u65f6 \u5012\u8ba1\u65f6 : : \u5f00\u59cb \u6682\u505c \u91cd\u7f6e 00 : 00 : 00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/1179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=1179"}],"version-history":[{"count":16,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/1179\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/1179\/revisions\/1195"}],"up":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=1179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}