{"id":551,"date":"2021-03-27T12:08:54","date_gmt":"2021-03-27T04:08:54","guid":{"rendered":"https:\/\/fireinsect.top\/?p=551"},"modified":"2021-04-12T21:21:53","modified_gmt":"2021-04-12T13:21:53","slug":"javascript%e5%ae%9a%e6%97%b6%e5%99%a8","status":"publish","type":"post","link":"https:\/\/fireinsect.top\/index.php\/2021\/03\/27\/javascript%e5%ae%9a%e6%97%b6%e5%99%a8\/","title":{"rendered":"JavaScript\u5b9a\u65f6\u5668"},"content":{"rendered":"\n<p>\u5728\u4f7f\u7528JavaScript\u7684\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u53ef\u80fd\u8981\u53bb\u4f7f\u7528\u5b9a\u65f6\u5668\uff0c\u800cJavaScript\u5c31\u62e5\u6709\u5176\u81ea\u5e26\u7684\u5b9a\u65f6\u529f\u80fd<\/p>\n\n\n\n<p style=\"font-size:25px\">\u5ef6\u65f6\u6267\u884c setTimeout()<\/p>\n\n\n\n<!--more-->\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i1.wp.com\/document.youkeda.com\/P3-4-HTML-CSS\/6\/3.jpg?w=1170&#038;ssl=1\" alt=\"\" data-recalc-dims=\"1\"\/><\/figure>\n\n\n\n<p>\u6d88\u9664\u8ba1\u65f6\u5668  <code>clearTimeout(timerId);<\/code><\/p>\n\n\n\n<p>\u5177\u4f53\u4f7f\u7528\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">console.log(1);\n\n<em>\/**\n * \u7b2c\u4e00\u4e2a\u53c2\u6570\u662f\u4ee3\u7801\uff0c\u6ce8\u610f\u4ee3\u7801\u9700\u7528\u5f15\u53f7\u5305\u88f9\uff0c\u5426\u5219\u4f1a\u7acb\u5373\u6267\u884c\u4ee3\u7801\n * \u7b2c\u4e8c\u4e2a\u53c2\u6570\u662f 1000\uff0c\u5373 1000ms \u540e\u6267\u884c console.log(2)\n *\/<\/em>\nsetTimeout('console.log(2)', 1000);\n\n<em>\/**\n * \u7b2c\u4e00\u4e2a\u53c2\u6570\u662f\u533f\u540d\u51fd\u6570\n * \u7b2c\u4e8c\u4e2a\u53c2\u6570\u662f 2000\uff0c\u5373 2s \u540e\u6267\u884c console.log(3)\n *\/<\/em>\nsetTimeout(<strong>function<\/strong> () {\n  console.log(3);\n}, 2000);\n\n<em>\/\/ \u7b2c\u4e00\u4e2a\u53c2\u6570\u662f\u51fd\u6570\u540d\uff0c\u6ce8\u610f\u51fd\u6570\u540d\u540e\u4e0d\u8981\u52a0\u5c0f\u62ec\u53f7\u201c()\u201d\uff0c\u5426\u5219\u4f1a\u7acb\u5373\u6267\u884c print4<\/em>\nsetTimeout(print4, 3000);\n\nconsole.log(5);\n\n<strong>function<\/strong> <strong>print4<\/strong>() {\n  console.log(4);\n}<\/code><\/pre>\n\n\n\n<p>\u5176\u7ed3\u679c\u4e3a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><em>\/\/ \u7acb\u5373\u6267\u884c<\/em>\nconsole.log(1);\n<em>\/\/ \u7acb\u5373\u6267\u884c<\/em>\nconsole.log(5);\n<em>\/\/ 1s \u540e\u6267\u884c<\/em>\nconsole.log(2);\n<em>\/\/ 2s \u540e\u6267\u884c<\/em>\nconsole.log(3);\n<em>\/\/ 3s \u540e\u6267\u884c<\/em>\nprint4(); <em>\/\/ \u5373\uff1aconsole.log(4)<\/em><\/code><\/pre>\n\n\n\n<p>\u5229\u7528\u6b64\u65b9\u6cd5\uff0c\u6211\u4eec\u53ef\u4ee5\u62e5\u6709\u8ba1\u65f6\u529f\u80fd\u5982\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><em>\/\/ \u9996\u5148\u5b9a\u4e49\u8ba1\u65f6\u603b\u79d2\u6570\uff0c\u5355\u4f4d s<\/em>\n<strong>let<\/strong> i = 60;\n\n<em>\/\/ \u5b9a\u4e49\u53d8\u91cf\u7528\u6765\u50a8\u5b58\u5b9a\u65f6\u5668\u7684\u7f16\u53f7<\/em>\n<strong>let<\/strong> timerId;\n\n<em>\/\/ \u5199\u4e00\u4e2a\u51fd\u6570\uff0c\u8fd9\u4e2a\u51fd\u6570\u5373\u6bcf\u6b21\u8981\u6267\u884c\u7684\u4ee3\u7801\uff0c\u80fd\u591f\u5b8c\u6210\u4e0a\u8ff0\u7684 1\u30012\u30013<\/em>\n<strong>function<\/strong> <strong>count<\/strong>() {\n  console.log(i);\n  i--;\n  <strong>if<\/strong> (i &gt; 0) {\n    timerId = setTimeout(count, 1000);\n  } <strong>else<\/strong> {\n    <em>\/\/ \u6e05\u9664\u8ba1\u65f6\u5668<\/em>\n    clearTimeout(timerId);\n  }\n}\n\n<em>\/\/ \u9996\u6b21\u8c03\u7528\u8be5\u51fd\u6570\uff0c\u5f00\u59cb\u7b2c\u4e00\u6b21\u8ba1\u65f6<\/em>\ncount();<\/code><\/pre>\n\n\n\n<p>\u9664\u4e86\u5ef6\u65f6\u6267\u884c setTimeout()\u4ee5\u5916\uff0cJavaScript\u8fd8\u5b58\u5728<\/p>\n\n\n\n<p style=\"font-size:25px\">\u65e0\u9650\u8c03\u7528 setInterval()<\/p>\n\n\n\n<p>\u4e0esetTimeout()\u76f8\u6bd4\uff0c\u65e0\u9650\u8c03\u7528\u7684\u610f\u601d\u4e3a\u6bcf\u9694\u4e00\u6bb5\u65f6\u95f4\u8c03\u7528\u4e00\u6b21\u51fd\u6570\uff0c\uff08\u5ef6\u65f6\u6267\u884c\u5219\u662f\u9694\u4e00\u6bb5\u65f6\u95f4\u518d\u6267\u884c\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/document.youkeda.com\/P3-4-HTML-CSS\/6\/4.jpg?w=1170&#038;ssl=1\" alt=\"\" data-recalc-dims=\"1\"\/><\/figure>\n\n\n\n<p>\u540c\u6837\u9700\u8981  \u6d88\u9664\u8ba1\u65f6\u5668 <code>clearTimeout(timerId);<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u4f7f\u7528JavaScript\u7684\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u53ef\u80fd\u8981\u53bb\u4f7f\u7528\u5b9a\u65f6\u5668\uff0c\u800cJavaScript\u5c31\u62e5\u6709\u5176\u81ea\u5e26\u7684\u5b9a\u65f6\u529f\u80fd \u5ef6\u65f6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-551","post","type-post","status-publish","format-standard","hentry","category-5"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts\/551"}],"collection":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":4,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts\/551\/revisions"}],"predecessor-version":[{"id":579,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts\/551\/revisions\/579"}],"wp:attachment":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/media?parent=551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/categories?post=551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/tags?post=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}