{"id":11894,"date":"2012-11-18T21:00:47","date_gmt":"2012-11-18T12:00:47","guid":{"rendered":"http:\/\/www.sssg.org\/blogs\/hiro345\/?p=11894"},"modified":"2012-12-13T18:44:15","modified_gmt":"2012-12-13T09:44:15","slug":"1122252627282930","status":"publish","type":"post","link":"https:\/\/www.hiro345.net\/blogs\/hiro345\/archives\/11894.html","title":{"rendered":"JavaScript setInterval\u306e\u4f7f\u3044\u65b9"},"content":{"rendered":"

JavaScript setInterval\u306e\u4f7f\u3044\u65b9\u3092\u7406\u89e3\u3057\u307e\u3057\u3087\u3046\u3002
\n
\n\u6b21\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u306f\u3001\u30ab\u30a6\u30f3\u30bf\u5909\u6570cnt\u3092\u7528\u610f\u3057\u3066\u3001cnt\u304c0\u304b\u30893\u306e\u9593\u3001id\u304ctarget\u3067\u3042\u308b\u8981\u7d20\u306einnterHtml\u30921\u79d2\u6bce\u306b\u66f4\u65b0\u3059\u308b\u51e6\u7406\u3092\u3057\u3066\u3044\u307e\u3059\u3002<\/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>setInterval 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=1000;\r\nvar COUNT_MAX=3;\r\n\r\nvar cnt=0;\r\nfunction callback(value) {\r\n  if (cnt > COUNT_MAX) {\r\n    clearInterval(id);\r\n    return;\r\n  }\r\n  var v = value + '_' + cnt;\r\n  document.getElementById('target').innerHTML = v;\r\n  cnt++;\r\n}\r\nvar id=setInterval("callback('value');", INTERVAL);\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
jQuery\u3092\u4f7f\u3048\u3070\u3001\u8981\u7d20\u306e\u53d6\u5f97\u306f\u3082\u3063\u3068\u7c21\u5358\u306b\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u4f8b\u3067\u306f\u3001http:\/\/code.jquery.com\/jquery-1.7.1.js \u304b\u3089jQuery\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8aad\u307f\u8fbc\u3093\u3067\u3044\u307e\u3059\u3002\u307e\u305f\u3001HTML\u306e\u8981\u7d20\u3092\u5909\u66f4\u3059\u308b\u306e\u306b\u300c$(‘#target’).html(v);\u300d\u3068\u3057\u3066\u3044\u307e\u3059\u3002<\/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>setInterval sample 2<\/title>\r\n  <script type='text\/javascript' src='http:\/\/code.jquery.com\/jquery-1.7.1.js'><\/script>\r\n<\/head>\r\n<body>\r\n  <div id="target" style="position:absolute;">target<\/div>\r\n<script>\r\nvar INTERVAL=1000;\r\nvar COUNT_MAX=3;\r\n\r\nvar cnt=0;\r\nfunction callback(value) {\r\n  if (cnt > COUNT_MAX) {\r\n    clearInterval(id);\r\n    return;\r\n  }\r\n  var v = value + '_' + cnt;\r\n  $('#target').html(v);\r\n  cnt++;\r\n}\r\nvar id=setInterval("callback('value');", INTERVAL);\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