{"id":7752,"date":"2024-07-07T17:01:03","date_gmt":"2024-07-07T09:01:03","guid":{"rendered":""},"modified":"2024-07-07T17:01:03","modified_gmt":"2024-07-07T09:01:03","slug":"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a","status":"publish","type":"post","link":"https:\/\/mushiming.com\/7752.html","title":{"rendered":"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a"},"content":{"rendered":"<blockquote>\n<h2>\u901a\u8fc7<span style=\"color:#956fe7;\">Date()<\/span>\u51fd\u6570\u548c<span style=\"color:#956fe7;\">Interval()<\/span>\u51fd\u6570\u7ed3\u5408<span style=\"color:#956fe7;\">\u6c34\u4ed9\u82b1\u6570<\/span>\u539f\u7406\u6c42\u65f6\u95f4\u52a8\u6001\u53d8\u5316\u5b9e\u73b0\u65f6\u95f4\u51cf\u51cf\u5012\u8ba1\u65f6<\/h2>\n<\/blockquote>\n<h4><strong><span style=\"color:#0d0016;\">\u5b9e\u73b0\u4ee3\u7801\u5982\u4e0b<\/span><\/strong><\/h4>\n<pre class=\"language-java prettyprint linenums\"><code class=\"language-javascript\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n\n&lt;head&gt;\n  &lt;title&gt;\u5012\u8ba1\u65f6\u793a\u4f8b&lt;\/title&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n  &lt;div id=\"countdown\"&gt;&lt;\/div&gt;\n\n  &lt;script&gt;\n    var countdownElement = document.getElementById('countdown');\n    var endTime = new Date(); \/\/ \u83b7\u53d6\u5f53\u524d\u65f6\u95f4\n    endTime.setHours(endTime.getHours() + 2); \/\/ \u8bbe\u7f6e\u8003\u8bd5\u7ed3\u675f\u65f6\u95f4\u4e3a2\u5c0f\u65f6\u540e\n\n    function updateCountdown() {\n      var now = new Date(); \/\/ \u83b7\u53d6\u5f53\u524d\u65f6\u95f4\n      var timeDiff = endTime - now; \/\/ \u8ba1\u7b97\u5269\u4f59\u65f6\u95f4\u7684\u6beb\u79d2\u6570\n\n      if (timeDiff &lt;= 0) {\n        clearInterval(timer); \/\/ \u5012\u8ba1\u65f6\u7ed3\u675f\uff0c\u6e05\u9664\u5b9a\u65f6\u5668\n        countdownElement.innerHTML = \"\u8003\u8bd5\u65f6\u95f4\u7ed3\u675f!\";\n      } else {\n        var hours = Math.floor(timeDiff \/ 3600000); \/\/ \u8ba1\u7b97\u5269\u4f59\u5c0f\u65f6\u6570\n        var minutes = Math.floor((timeDiff % 3600000) \/ 60000); \/\/ \u8ba1\u7b97\u5269\u4f59\u5206\u949f\u6570\n        var seconds = Math.floor((timeDiff % 60000) \/ 1000); \/\/ \u8ba1\u7b97\u5269\u4f59\u79d2\u6570\n\n        hours = (hours &lt; 10) ? \"0\" + hours : hours;\n        minutes = (minutes &lt; 10) ? \"0\" + minutes : minutes;\n        seconds = (seconds &lt; 10) ? \"0\" + seconds : seconds;\n\n        var countdownDisplay = hours + \":\" + minutes + \":\" + seconds;\n        countdownElement.innerHTML = \"\u8003\u8bd5\u5012\u8ba1\u65f6\uff1a\" + countdownDisplay;\n      }\n    }\n\n    updateCountdown(); \/\/ \u9996\u6b21\u8c03\u7528\u66f4\u65b0\u5012\u8ba1\u65f6\n    var timer = setInterval(updateCountdown, 1000); \/\/ \u6bcf\u79d2\u8c03\u7528\u4e00\u6b21\u66f4\u65b0\u5012\u8ba1\u65f6\n\n  &lt;\/script&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/code><\/pre>\n<h4><strong>\u5b9e\u73b0\u6548\u679c\u5982\u4e0b<\/strong><\/h4>\n<p style=\"text-align:center;\"><strong><img decoding=\"async\" src=\"https:\/\/img.mushiming.top\/app\/mushiming_com\/27d91261ba5a4403b28954f358ebce20.jpeg\" =\"\" =\"\" alt=\"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a (https:\/\/mushiming.com\/)  \u7b2c1\u5f20\" title=\"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a  \u7b2c1\u5f20-\u7a46\u4e16\u660e\u535a\u5ba2\" ><img decoding=\"async\" src=\"https:\/\/img.mushiming.top\/app\/mushiming_com\/afe1be8484bc4b309107b12f90f070a4.jpeg\" =\"\" =\"\" alt=\"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a (https:\/\/mushiming.com\/)  \u7b2c2\u5f20\" title=\"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a  \u7b2c2\u5f20-\u7a46\u4e16\u660e\u535a\u5ba2\" ><img decoding=\"async\" src=\"https:\/\/img.mushiming.top\/app\/mushiming_com\/ec02fea9f549496e8450812dd72ebfbc.jpeg\" =\"\" =\"\" alt=\"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a (https:\/\/mushiming.com\/)  \u7b2c3\u5f20\" title=\"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793a  \u7b2c3\u5f20-\u7a46\u4e16\u660e\u535a\u5ba2\" ><\/strong><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"js\u5b9e\u73b0\u5012\u8ba1\u65f660s_js\u5012\u8ba1\u65f660\u79d2\u9875\u9762\u663e\u793aDate()Interval()\u6c34\u4ed9\u82b1\u6570Date()_countdown.js","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/posts\/7752"}],"collection":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/comments?post=7752"}],"version-history":[{"count":0,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/posts\/7752\/revisions"}],"wp:attachment":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/media?parent=7752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/categories?post=7752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/tags?post=7752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}