{"id":29286,"date":"2025-11-19T06:14:33","date_gmt":"2025-11-19T06:14:33","guid":{"rendered":"https:\/\/fortunetellingpro.com\/?page_id=29286"},"modified":"2025-11-23T06:56:58","modified_gmt":"2025-11-23T06:56:58","slug":"time","status":"publish","type":"page","link":"https:\/\/fortunetellingpro.com\/zh\/time","title":{"rendered":"\u771f\u592a\u967d\u6642\u63db\u7b97\u5de5\u5177"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"29286\" class=\"elementor elementor-29286\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e951cc7 e-flex e-con-boxed e-con e-parent\" data-id=\"6e951cc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e5382c6 elementor-widget elementor-widget-text-editor\" data-id=\"4e5382c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n\n\n\n\n\n\n\n\n\n\n\n\n<p><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48515c6 e-flex e-con-boxed e-con e-parent\" data-id=\"48515c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b05334 elementor-widget elementor-widget-shortcode\" data-id=\"8b05334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \r\n    <div class=\"solar-time-converter-container\">\r\n        <!-- \u4e3b\u6807\u9898\u533a -->\r\n        <section class=\"solar-time-header\">\r\n            <div class=\"container mx-auto px-4 text-center\">\r\n                <div class=\"flex items-center justify-center space-x-2 mb-3\">\r\n                    <i class=\"fa fa-sun-o solar-time-secondary text-2xl\"><\/i>\r\n                    <h1 class=\"text-2xl md:text-3xl font-bold solar-time-text-shadow\">\u771f\u592a\u967d\u6642\u63db\u7b97\u5de5\u5177<\/h1>\r\n                <\/div>\r\n                <p class=\"text-sm md:text-base max-w-xl mx-auto solar-time-opacity-90\">\r\n                    \u5c08\u696d\u516b\u5b57\u6392\u76e4\u5fc5\u5099\uff0c\u7cbe\u78ba\u8a08\u7b97\u5168\u7403\u5404\u5730\u771f\u592a\u967d\u6642\uff0c\u52a9\u60a8\u7372\u53d6\u6e96\u78ba\u51fa\u751f\u6642\u8fb0\r\n                <\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u4e3b\u5185\u5bb9\u533a -->\r\n        <main class=\"container mx-auto px-4 py-8\">\r\n            <div class=\"grid md:grid-cols-3 gap-6 lg:gap-8\">\r\n                <!-- \u5de6\u4fa7\u8f93\u5165\u533a -->\r\n                <div class=\"md:col-span-2\">\r\n                    <div class=\"solar-time-card\">\r\n                        <h3 class=\"text-xl font-bold solar-time-dark mb-5 flex items-center\">\r\n                            <i class=\"fa fa-calculator solar-time-primary mr-2\"><\/i>\r\n                            \u51fa\u751f\u8cc7\u8a0a\u8f38\u5165\r\n                        <\/h3>\r\n                        \r\n                        <form id=\"sunTimeForm\" class=\"space-y-5\" action=\"\">\r\n                            <!-- \u51fa\u751f\u65e5\u671f -->\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-3\">\r\n                                <div>\r\n                                    <label for=\"birthYear\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u51fa\u751f\u5e74\u4efd<\/label>\r\n                                    <input type=\"number\" id=\"birthYear\" min=\"1900\" max=\"2100\" value=\"2000\" \r\n                                        class=\"solar-time-input\">\r\n                                <\/div>\r\n                                <div>\r\n                                    <label for=\"birthMonth\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u51fa\u751f\u6708\u4efd<\/label>\r\n                                    <input type=\"number\" id=\"birthMonth\" min=\"1\" max=\"12\" value=\"1\" \r\n                                        class=\"solar-time-input\">\r\n                                <\/div>\r\n                                <div>\r\n                                    <label for=\"birthDay\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u51fa\u751f\u65e5\u671f<\/label>\r\n                                    <input type=\"number\" id=\"birthDay\" min=\"1\" max=\"31\" value=\"1\" \r\n                                        class=\"solar-time-input\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u51fa\u751f\u65f6\u95f4 -->\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n                                <div>\r\n                                    <label for=\"birthHour\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u51fa\u751f\u5c0f\u6642<\/label>\r\n                                    <input type=\"number\" id=\"birthHour\" min=\"0\" max=\"23\" value=\"12\" \r\n                                        class=\"solar-time-input\">\r\n                                <\/div>\r\n                                <div>\r\n                                    <label for=\"birthMinute\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u51fa\u751f\u5206\u9418<\/label>\r\n                                    <input type=\"number\" id=\"birthMinute\" min=\"0\" max=\"59\" value=\"0\" \r\n                                        class=\"solar-time-input\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u51fa\u751f\u5730\u70b9 -->\r\n                            <div>\r\n                                <label for=\"birthLocation\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u51fa\u751f\u5730\u9ede<\/label>\r\n                                <input type=\"text\" id=\"birthLocation\" placeholder=\"\u4f8b\u5982\uff1a\u53f0\u5317\u5e02\" \r\n                                    class=\"solar-time-input\">\r\n                            <\/div>\r\n                            \r\n                            <!-- \u7ecf\u7eac\u5ea6 (\u53ef\u9009) -->\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n                                <div>\r\n                                    <label for=\"longitude\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u7d93\u5ea6\uff08\u53ef\u9078\uff09<\/label>\r\n                                    <input type=\"number\" id=\"longitude\" step=\"0.0001\" placeholder=\"\u4f8b\u5982\uff1a121.5654\" \r\n                                        class=\"solar-time-input\">\r\n                                <\/div>\r\n                                <div>\r\n                                    <label for=\"latitude\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u7def\u5ea6\uff08\u53ef\u9078\uff09<\/label>\r\n                                    <input type=\"number\" id=\"latitude\" step=\"0.0001\" placeholder=\"\u4f8b\u5982\uff1a25.0330\" \r\n                                        class=\"solar-time-input\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u65f6\u533a -->\r\n                            <div>\r\n                                <label for=\"timezone\" class=\"block text-sm font-medium solar-time-dark-70 mb-1\">\u6642\u5340<\/label>\r\n                                <select id=\"timezone\" class=\"solar-time-input\">\r\n                                    <option value=\"8\">UTC+8\uff08\u53f0\u7063\u6a19\u6e96\u6642\u9593\uff09<\/option>\r\n                                    <option value=\"0\">UTC\u00b10\uff08\u683c\u6797\u5a01\u6cbb\u6a19\u6e96\u6642\u9593\uff09<\/option>\r\n                                    <option value=\"-12\">UTC-12<\/option>\r\n                                    <option value=\"-11\">UTC-11<\/option>\r\n                                    <option value=\"-10\">UTC-10<\/option>\r\n                                    <option value=\"-9\">UTC-9<\/option>\r\n                                    <option value=\"-8\">UTC-8<\/option>\r\n                                    <option value=\"-7\">UTC-7<\/option>\r\n                                    <option value=\"-6\">UTC-6<\/option>\r\n                                    <option value=\"-5\">UTC-5<\/option>\r\n                                    <option value=\"-4\">UTC-4<\/option>\r\n                                    <option value=\"-3\">UTC-3<\/option>\r\n                                    <option value=\"-2\">UTC-2<\/option>\r\n                                    <option value=\"-1\">UTC-1<\/option>\r\n                                    <option value=\"1\">UTC+1<\/option>\r\n                                    <option value=\"2\">UTC+2<\/option>\r\n                                    <option value=\"3\">UTC+3<\/option>\r\n                                    <option value=\"4\">UTC+4<\/option>\r\n                                    <option value=\"5\">UTC+5<\/option>\r\n                                    <option value=\"6\">UTC+6<\/option>\r\n                                    <option value=\"7\">UTC+7<\/option>\r\n                                    <option value=\"9\">UTC+9<\/option>\r\n                                    <option value=\"10\">UTC+10<\/option>\r\n                                    <option value=\"11\">UTC+11<\/option>\r\n                                    <option value=\"12\">UTC+12<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u8ba1\u7b97\u6309\u94ae -->\r\n                            <div class=\"pt-2\">\r\n                                <button type=\"button\" id=\"calculateBtn\" \r\n                                    class=\"solar-time-btn\">\r\n                                    <i class=\"fa fa-sun-o mr-2\"><\/i>\r\n                                    \u771f\u5be6\u592a\u967d\u6642\u8a08\u7b97\r\n                                <\/button>\r\n                            <\/div>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\r\n                    <\/div>\r\n                    \r\n                    <!-- \u7b80\u77ed\u8bf4\u660e -->\r\n                    <div class=\"solar-time-card mt-5 p-5 text-sm solar-time-dark-80\">\r\n                        <h4 class=\"font-medium solar-time-dark mb-2 flex items-center\">\r\n                            <i class=\"fa fa-info-circle solar-time-primary mr-1\"><\/i> \u771f\u5be6\u592a\u967d\u6642\u8aaa\u660e\r\n                        <\/h4>\r\n                        <p>\u771f\u5be6\u592a\u967d\u6642\u662f\u592a\u967d\u5728\u7576\u5730\u5be6\u969b\u4f4d\u7f6e\u7684\u6642\u9593\uff0c\u8207\u6a19\u6e96\u6642\u9593\u5b58\u5728\u5dee\u7570\u3002\u5728\u516b\u5b57\u547d\u7406\u4e2d\u9700\u4ee5\u771f\u5be6\u592a\u967d\u6642\u78ba\u5b9a\u6642\u8fb0\uff0c\u5176\u5dee\u7570\u7531\u7d93\u5ea6\u6642\u5dee\u548c\u5747\u6642\u5dee\u7d44\u6210\u3002<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- \u53f3\u4fa7\u7ed3\u679c\u533a -->\r\n                <div class=\"md:col-span-1\">\r\n                    <div class=\"solar-time-card sticky top-4\">\r\n                        <h3 class=\"text-xl font-bold solar-time-dark mb-5 flex items-center\">\r\n                            <i class=\"fa fa-clock-o solar-time-primary mr-2\"><\/i>\r\n                            \u63db\u7b97\u7d50\u679c\r\n                        <\/h3>\r\n                        \r\n                        <div id=\"resultContainer\" class=\"space-y-5\">\r\n                            <!-- \u539f\u59cb\u65f6\u95f4 -->\r\n                            <div class=\"p-3 border border-gray-100 rounded-lg solar-time-neutral\">\r\n                                <h4 class=\"text-xs font-medium solar-time-dark-60 mb-1\">\u539f\u59cb\u8f38\u5165\u6642\u9593<\/h4>\r\n                                <p id=\"originalTime\" class=\"text-base font-semibold\">2000\u5e741\u67081\u65e5 12:00<\/p>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u65f6\u5dee\u4fe1\u606f -->\r\n                            <div class=\"p-3 border border-gray-100 rounded-lg solar-time-neutral\">\r\n                                <h4 class=\"text-xs font-medium solar-time-dark-60 mb-1\">\u6642\u5dee\u8a73\u60c5<\/h4>\r\n                                <div class=\"space-y-1 text-sm\">\r\n                                    <p><span class=\"solar-time-dark-70\">\u7d93\u5ea6\u6642\u5dee\uff1a<\/span><span id=\"longitudeDiff\" class=\"font-medium\">0\u5206\u9418<\/span><\/p>\r\n                                    <p><span class=\"solar-time-dark-70\">\u5747\u6642\u5dee\uff1a<\/span><span id=\"equationTime\" class=\"font-medium\">0\u5206\u9418<\/span><\/p>\r\n                                    <p><span class=\"solar-time-dark-70\">\u7e3d\u6642\u5dee\uff1a<\/span><span id=\"totalDiff\" class=\"font-medium solar-time-primary\">0\u5206\u9418<\/span><\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u771f\u592a\u9633\u65f6 -->\r\n                            <div class=\"p-4 border-2 border-secondary\/30 rounded-lg solar-time-gradient\">\r\n                                <h4 class=\"text-xs font-medium solar-time-dark-60 mb-1\">\u771f\u592a\u967d\u6642<\/h4>\r\n                                <p id=\"solarTime\" class=\"text-xl font-bold solar-time-dark\">2000\u5e741\u67081\u65e5 12:00<\/p>\r\n                                <p id=\"solarHour\" class=\"mt-2 text-base font-medium solar-time-secondary\">\u5348\u6642 (11:00-13:00)<\/p>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u65f6\u95f4\u5bf9\u6bd4\u56fe -->\r\n                            <div>\r\n                                <h4 class=\"text-xs font-medium solar-time-dark-60 mb-2\">\u6642\u9593\u5c0d\u6bd4<\/h4>\r\n                                <div class=\"h-40\">\r\n                                    <canvas id=\"timeComparisonChart\"><\/canvas>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/main>\r\n\r\n        <!-- \u9875\u811a -->\r\n        <footer class=\"solar-time-footer py-6 mt-10\">\r\n            <div class=\"container mx-auto px-4 text-center text-sm solar-time-footer-text\">\r\n                <p>\u771f\u592a\u967d\u6642\u63db\u7b97\u5de5\u5177 \u00a9 2023 \u516b\u5b57\u547d\u7406\u5c08\u7528<\/p>\r\n            <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/pages\/29286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/comments?post=29286"}],"version-history":[{"count":6,"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/pages\/29286\/revisions"}],"predecessor-version":[{"id":29320,"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/pages\/29286\/revisions\/29320"}],"wp:attachment":[{"href":"https:\/\/fortunetellingpro.com\/zh\/wp-json\/wp\/v2\/media?parent=29286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}