{"id":1485,"date":"2012-02-12T19:10:38","date_gmt":"2012-02-12T10:10:38","guid":{"rendered":"http:\/\/codaholic.org\/?p=1485"},"modified":"2023-05-07T16:10:35","modified_gmt":"2023-05-07T07:10:35","slug":"javascriptsetinterval%e9%96%a2%e6%95%b0%e3%81%a7%e8%a8%ad%e5%ae%9a%e3%81%97%e3%81%9f%e5%ae%9a%e6%9c%9f%e5%87%a6%e7%90%86%e3%82%92%e8%a7%a3%e9%99%a4%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/codaholic.org\/?p=1485","title":{"rendered":"[JavaScript] setInterval \u95a2\u6570\u3067\u8a2d\u5b9a\u3057\u305f\u5b9a\u671f\u51e6\u7406\u3092\u89e3\u9664\u3059\u308b"},"content":{"rendered":"<p>setInterval \u95a2\u6570\u3092\u4f7f\u3046\u3053\u3068\u3067\u6307\u5b9a\u3057\u305f\u51e6\u7406\u3092\u4e00\u5b9a\u9593\u9694\u3067\u5b9f\u884c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u304c\u3001\u305d\u306e\u51e6\u7406\u3092\u89e3\u9664\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002\u5b9a\u671f\u51e6\u7406\u3092\u89e3\u9664\u3059\u308b\u306b\u306f clearInterval \u95a2\u6570\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<p><!--more--><\/p>\n<p>\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u306f 1 \u79d2\u3054\u3068\u306b Hello \u3092\u8868\u793a\u3057\u307e\u3059\u300210 \u56de\u8868\u793a\u3057\u305f\u3089 clearInterval \u95a2\u6570\u3092\u4f7f\u3063\u3066\u5b9a\u671f\u51e6\u7406\u3092\u89e3\u9664\u3057\u307e\u3059\u3002<\/p>\n<pre><code class=\"language-html\">&lt;html&gt;\n    &lt;head&gt;\n        &lt;meta charset=\"utf-8\" \/&gt;\n        &lt;script type=\"text\/javascript\"&gt;\n            window.onload = function(){\n                var counter = 1;\n                var timerId = setInterval(function(){\n                    document.getElementById('target').innerHTML += 'Hello&lt;br \/&gt;';\n                    if(counter &gt;= 10){\n                        clearInterval(timerId);\n                    }\n                    counter++;\n                }, 1000);\n            }\n        &lt;\/script&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"target\"&gt;&lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p><strong>7\u884c\u76ee<\/strong><br \/>\nsetInterval \u95a2\u6570\u306f\u30bf\u30a4\u30de\u30fcID\u3092\u8fd4\u3057\u307e\u3059\u3002clearInterval \u95a2\u6570\u3067\u5b9a\u671f\u51e6\u7406\u3092\u89e3\u9664\u3059\u308b\u969b\u306b\u30bf\u30a4\u30de\u30fcID\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u3001\u5909\u6570\u306b\u4fdd\u5b58\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<p><strong>8\u884c\u76ee\u304b\u308910\u884c\u76ee<\/strong><br \/>\nHello \u3092\u8868\u793a\u3059\u308b\u305f\u3073\u306b counter \u306b\u4fdd\u5b58\u3055\u308c\u3066\u3044\u308b\u6570\u5024\u30921\u305a\u3064\u30ab\u30a6\u30f3\u30c8\u30a2\u30c3\u30d7\u3055\u305b\u3066\u300110\u56de\u76ee\u306e\u5b9f\u884c\u6642\u306b clearInterval \u95a2\u6570\u3092\u4f7f\u3063\u3066\u5b9a\u671f\u51e6\u7406\u3092\u89e3\u9664\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>setInterval \u95a2\u6570\u3092\u4f7f\u3046\u3053\u3068\u3067\u6307\u5b9a\u3057\u305f\u51e6\u7406\u3092\u4e00\u5b9a\u9593\u9694\u3067\u5b9f\u884c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u304c\u3001\u305d\u306e\u51e6\u7406\u3092\u89e3\u9664\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002\u5b9a\u671f\u51e6\u7406\u3092\u89e3\u9664\u3059\u308b\u306b\u306f clearInterval \u95a2\u6570\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[5],"tags":[194,245,193],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8gd1W-nX","_links":{"self":[{"href":"https:\/\/codaholic.org\/index.php?rest_route=\/wp\/v2\/posts\/1485"}],"collection":[{"href":"https:\/\/codaholic.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codaholic.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codaholic.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codaholic.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1485"}],"version-history":[{"count":10,"href":"https:\/\/codaholic.org\/index.php?rest_route=\/wp\/v2\/posts\/1485\/revisions"}],"predecessor-version":[{"id":2622,"href":"https:\/\/codaholic.org\/index.php?rest_route=\/wp\/v2\/posts\/1485\/revisions\/2622"}],"wp:attachment":[{"href":"https:\/\/codaholic.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codaholic.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codaholic.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}