{"id":650,"date":"2022-09-25T13:02:20","date_gmt":"2022-09-25T04:02:20","guid":{"rendered":"https:\/\/tokyo1970.com\/web\/?p=650"},"modified":"2022-09-25T13:02:20","modified_gmt":"2022-09-25T04:02:20","slug":"javascript%e3%81%a7%e6%99%82%e9%96%93%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%9f%e3%82%89%e6%b6%88%e3%81%99","status":"publish","type":"post","link":"https:\/\/tokyo1970.com\/web\/?p=650","title":{"rendered":"javascript\u3067\u6642\u9593\u306b\u306a\u3063\u305f\u3089\u6d88\u3059"},"content":{"rendered":"<p>javascript\u3067\u8a2d\u5b9a\u65e5\u6642\u306b\u306a\u3063\u305f\u3089\u6d88\u3057\u305f\u308a\u51fa\u3057\u305f\u308a<br \/>\n\u8907\u6570\u8a2d\u5b9a\u3082\u884c\u3051\u308b<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;script&gt;\r\n\/**\r\n * HTML\u30a8\u30ec\u30e1\u30f3\u30c8\u5185\u306b\u66f8\u304b\u308c\u305fdata\u5c5e\u6027\u306e\u65e5\u4ed8\u306b\u5f93\u3044\u3001\r\n * \u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u30fb\u975e\u8868\u793a\u51e6\u7406\u3059\u308b\u3002\r\n *\/\r\nwindow.onload = () =&gt; {\r\n  const elements = document.querySelectorAll('.js-timer');\r\n  elements.forEach((el) =&gt; {\r\n    const now = new Date().getTime();\r\n    const start = new Date(el.dataset.start).getTime();\r\n    const end = new Date(el.dataset.end).getTime();\r\n    let flag = false; \/\/ Global Flag\r\n    \/**\r\n     * \u73fe\u5728\u304c\u958b\u59cb\u65e5\u4ee5\u964d\u304b\u5224\u5b9a\r\n     *\r\n     * @return Boolean;\r\n     *\/\r\n    const checkerStart = () =&gt; {\r\n      if (now &gt; start) {\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    };\r\n    \/**\r\n     * \u73fe\u5728\u304c\u7d42\u4e86\u65e5\u4ee5\u524d\u304b\u5224\u5b9a\r\n     *\r\n     * @return Boolean;\r\n     *\/\r\n    const checkerEnd = () =&gt; {\r\n      if (now &lt; end) {\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    };\r\n    \/*\r\n     * \u30e1\u30a4\u30f3\u5224\u5b9a\u51e6\u7406\r\n     *\/\r\n    if (start &amp;&amp; end) {\r\n      if (checkerStart() &amp;&amp; checkerEnd()) flag = true;\r\n    } else if (start &amp;&amp; !end) {\r\n      if (checkerStart()) flag = true;\r\n    } else if (!start &amp;&amp; end) {\r\n      if (checkerEnd()) flag = true;\r\n    } else {\r\n      flag = false;\r\n    }\r\n    if (!flag) el.setAttribute('style', 'display: none;');\r\n  });\r\n};\r\n&lt;\/script&gt;\r\n\r\n\r\n&lt;span class=&quot;js-timer&quot; data-end=&quot;2022\/09\/25 01:27&quot;&gt;\r\n&lt;div class=&quot;button1&quot;&gt;\r\n&lt;a href=&quot;#&quot;&gt;9.25 1:27\u306b\u6d88\u3048\u307e\u3059&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/span&gt;\r\n\r\n&lt;span class=&quot;js-timer&quot; data-end=&quot;2022\/09\/26 13:00&quot;&gt;\r\n&lt;div class=&quot;button1&quot;&gt;\r\n&lt;a href=&quot;#&quot;&gt;9.26 13:00\u306b\u6d88\u3048\u307e\u3059&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n&lt;\/span&gt;\r\n<\/pre>\n<h3>\u52c9\u5f37\u3055\u305b\u3066\u3082\u3089\u3063\u305f\u30b5\u30a4\u30c8<\/h3>\n<ul>\n<li><a href=\"https:\/\/wb-hp.com\/blog\/2019\/04\/22\/js_timer.html\" target=\"_blank\" rel=\"noopener\">JavaScript\u3067\u30bf\u30a4\u30de\u30fc\u30bb\u30c3\u30c8\u3057\u3066\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\u3092\u5236\u5fa1 | \u30db\u30ef\u30a4\u30c8\u30dc\u30fc\u30c9\u30aa\u30d5\u30a3\u30b7\u30e3\u30eb\u30d6\u30ed\u30b0<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>javascript\u3067\u8a2d\u5b9a\u65e5\u6642\u306b\u306a\u3063\u305f\u3089\u6d88\u3057\u305f\u308a\u51fa\u3057\u305f\u308a \u8907\u6570\u8a2d\u5b9a\u3082\u884c\u3051\u308b &lt;script&gt; \/** * HTML\u30a8\u30ec\u30e1\u30f3\u30c8\u5185\u306b\u66f8\u304b\u308c\u305fdata\u5c5e\u6027\u306e\u65e5\u4ed8\u306b\u5f93\u3044\u3001 * \u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u30fb\u975e\u8868\u793a\u51e6\u7406\u3059\u308b\u3002 *\/&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-650","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=\/wp\/v2\/posts\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=650"}],"version-history":[{"count":2,"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=\/wp\/v2\/posts\/650\/revisions"}],"predecessor-version":[{"id":652,"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=\/wp\/v2\/posts\/650\/revisions\/652"}],"wp:attachment":[{"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tokyo1970.com\/web\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}