{"id":5590,"date":"2023-08-15T17:23:48","date_gmt":"2023-08-15T17:23:48","guid":{"rendered":"https:\/\/www.weijia.io\/?page_id=5590"},"modified":"2025-01-25T08:30:25","modified_gmt":"2025-01-25T08:30:25","slug":"time","status":"publish","type":"page","link":"https:\/\/www.weijia.io\/zh\/time\/","title":{"rendered":"Local Time"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5590\" class=\"elementor elementor-5590\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-921f5a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"921f5a0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ecf60a\" data-id=\"7ecf60a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-46ed7ff elementor-widget elementor-widget-heading\" data-id=\"46ed7ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">My Local Time in California<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a93288 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a93288\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5941c8b\" data-id=\"5941c8b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c30efa0 elementor-widget elementor-widget-html\" data-id=\"c30efa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"clock\" class=\"light\">\n    <div class=\"display\">\n        <div class=\"weekdays\"><\/div>\n        <div class=\"ampm\"><\/div>\n        <div class=\"alarm\"><\/div>\n        <div class=\"digits\"><\/div>\n        <div class=\"date\"><\/div>\n    <\/div>\n<\/div>\n\n<div class=\"button-holder\">\n    <a class=\"button\">Switch Theme<\/a>\n<\/div>\n\n<!-- JavaScript Includes -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/1.10.1\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.1\/moment.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment-timezone\/0.5.43\/moment-timezone-with-data.min.js\"><\/script>\n\n<script>\n    $(function () {\n    \/\/ Cache some selectors\n    var clock = $('#clock'),\n        alarm = clock.find('.alarm'),\n        ampm = clock.find('.ampm'),\n        dateDisplay = clock.find('.date');  \/\/ \u65b0\u589e\u65e5\u671f\u663e\u793a\u7684\u5bb9\u5668\n\n    \/\/ Map digits to their names (this will be an array)\n    var digit_to_name = 'zero one two three four five six seven eight nine'.split(' ');\n\n    \/\/ This object will hold the digit elements\n    var digits = {};\n\n    \/\/ Positions for the hours, minutes, and seconds\n    var positions = [\n        'h1', 'h2', ':', 'm1', 'm2', ':', 's1', 's2'\n    ];\n\n    \/\/ Generate the digits with the needed markup, and add them to the clock\n    var digit_holder = clock.find('.digits');\n\n    $.each(positions, function () {\n        if (this == ':') {\n            digit_holder.append('<div class=\"dots\">');\n        } else {\n            var pos = $('<div>');\n            for (var i = 1; i < 8; i++) {\n                pos.append('<span class=\"d' + i + '\">');\n            }\n\n            \/\/ Set the digits as key:value pairs in the digits object\n            digits[this] = pos;\n\n            \/\/ Add the digit elements to the page\n            digit_holder.append(pos);\n        }\n    });\n\n    \/\/ Add the weekday names\n    var weekday_names = 'SUN MON TUE WED THU FRI SAT'.split(' '),\n        weekday_holder = clock.find('.weekdays');\n\n    $.each(weekday_names, function () {\n        weekday_holder.append('<span>' + this + '<\/span>');\n    });\n\n    var weekdays = clock.find('.weekdays span');\n\n    \/\/ Run a timer every second and update the clock\n    (function update_time() {\n        \/\/ Use moment-timezone to get Los Angeles time\n        var now = moment.tz(\"America\/Los_Angeles\");\n        var timeString = now.format(\"hhmmssA\");\n        var dayIndex = now.day(); \/\/ 0 (Sunday) to 6 (Saturday)\n        var dateString = now.format(\"MMMM D, YYYY\");\n\n        \/\/ Update digit elements\n        digits.h1.attr('class', digit_to_name[timeString[0]]);\n        digits.h2.attr('class', digit_to_name[timeString[1]]);\n        digits.m1.attr('class', digit_to_name[timeString[2]]);\n        digits.m2.attr('class', digit_to_name[timeString[3]]);\n        digits.s1.attr('class', digit_to_name[timeString[4]]);\n        digits.s2.attr('class', digit_to_name[timeString[5]]);\n\n        \/\/ Mark the active day of the week\n        weekdays.removeClass('active').eq(dayIndex).addClass('active');\n\n        \/\/ Set the am\/pm text\n        ampm.text(timeString.slice(6));\n\n        \/\/ Set the date text\n        dateDisplay.text(dateString);\n\n        \/\/ Schedule this function to be run again in 1 sec\n        setTimeout(update_time, 1000);\n    })();\n\n    \/\/ Switch the theme\n    $('a.button').click(function () {\n        clock.toggleClass('light dark');\n    });\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>My Local Time in California Switch Theme<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"class_list":["post-5590","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/pages\/5590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/comments?post=5590"}],"version-history":[{"count":220,"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/pages\/5590\/revisions"}],"predecessor-version":[{"id":5837,"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/pages\/5590\/revisions\/5837"}],"wp:attachment":[{"href":"https:\/\/www.weijia.io\/zh\/wp-json\/wp\/v2\/media?parent=5590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}