{"id":11989,"date":"2012-11-23T21:00:29","date_gmt":"2012-11-23T12:00:29","guid":{"rendered":"http:\/\/www.sssg.org\/blogs\/hiro345\/?p=11989"},"modified":"2012-12-13T18:41:53","modified_gmt":"2012-12-13T09:41:53","slug":"%e9%87%8d%e3%81%84%e5%87%a6%e7%90%86%e3%81%ab%e3%82%88%e3%82%8bui%e3%81%b8%e3%81%ae%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%92%e6%8a%91%e5%88%b6%e3%81%99%e3%82%8b%e3%81%ab%e3%81%af","status":"publish","type":"post","link":"https:\/\/www.hiro345.net\/blogs\/hiro345\/archives\/11989.html","title":{"rendered":"\u91cd\u3044\u51e6\u7406\u306b\u3088\u308bUI\u3078\u306e\u30d6\u30ed\u30c3\u30af\u3092\u6291\u5236\u3059\u308b\u306b\u306f"},"content":{"rendered":"

\u91cd\u3044\u51e6\u7406\u306b\u3088\u308bUI\u3078\u306e\u30d6\u30ed\u30c3\u30af\u3092\u6291\u5236\u3059\u308b\u306b\u306f\u3001setTimeout\u3092\u4f7f\u3044\u307e\u3059\u3002\u6b21\u306e\u3088\u3046\u306b\u3057\u3066\u3001\u91cd\u3044\u51e6\u7406\u3092\u5206\u5272\u3057\u3066\u3001\u5206\u5272\u3057\u305f\u51e6\u7406\u306e\u9593\u306b\u30e6\u30fc\u30b6\u30a4\u30f3\u30bf\u30d5\u30a7\u30fc\u30b9\u7528\u306e\u30b9\u30ec\u30c3\u30c9\u304c\u52d5\u3051\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002
\n<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta http-equiv="content-type" content="text\/html; charset=UTF-8">\r\n  <title>setTimeout sample 1<\/title>\r\n<\/head>\r\n<body>\r\n  <div id="target" style="position:absolute;">target<\/div>\r\n<script>\r\nvar INTERVAL=500;\r\n\r\nvar current_text = "";\r\nfunction log(message) {\r\n  current_text = current_text + '<br \/>' + message;\r\n  document.getElementById('target').innerHTML = current_text;\r\n}\r\nfunction proc1() {\r\n  log("start proc1");\r\n  \/\/ \u91cd\u305f\u3044\u51e6\u7406\uff11\r\n  log("end proc1");\r\n}\r\nfunction proc2() {\r\n  log("start proc2");\r\n  \/\/ \u91cd\u305f\u3044\u51e6\u7406\uff12\r\n  log("end proc2");\r\n}\r\nfunction proc3() {\r\n  log("start proc3");\r\n  setTimeout(function() {\r\n    proc1();\r\n    \/\/ \u3053\u3053\u3067UI\u3078\u306e\u30d6\u30ed\u30c3\u30af\u304c\u6291\u5236\u3055\u308c\u308b\r\n    setTimeout(proc2, INTERVAL);\r\n  }, INTERVAL);\r\n  log("end proc3");\r\n}\r\nproc3();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
JavaScript\u306b\u3064\u3044\u3066\u306f\u3001\u4e0b\u8a18\u306e\u66f8\u7c4d\u306e\u53c2\u8003\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n