{"id":669,"date":"2017-10-27T13:28:33","date_gmt":"2017-10-27T04:28:33","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=669"},"modified":"2017-10-27T13:28:33","modified_gmt":"2017-10-27T04:28:33","slug":"%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e3%81%aa%e6%96%87%e5%ad%97%e3%81%8c%e8%87%aa%e5%8b%95%e3%81%a7%e5%85%a5%e5%8a%9b%e3%81%95%e3%82%8c%e3%81%a6%e3%81%84%e3%81%8fjavascript","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2017\/10\/%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e3%81%aa%e6%96%87%e5%ad%97%e3%81%8c%e8%87%aa%e5%8b%95%e3%81%a7%e5%85%a5%e5%8a%9b%e3%81%95%e3%82%8c%e3%81%a6%e3%81%84%e3%81%8fjavascript\/","title":{"rendered":"\u30e9\u30f3\u30c0\u30e0\u306a\u6587\u5b57\u304c\u81ea\u52d5\u3067\u5165\u529b\u3055\u308c\u3066\u3044\u304fJavaScript"},"content":{"rendered":"<p><!-- \u672c\u6587 --><br \/>\n\u6587\u5b57\u304c\u81ea\u52d5\u3067\u30e9\u30f3\u30c0\u30e0\u306b\u5165\u529b\u3055\u308c\u3066\u3044\u304f<strong>JavaScript<\/strong>\u306e\u3054\u7d39\u4ecb\u3067\u3059\u3002<br \/>\n<!--more--><\/p>\n<p>\u4ee5\u4e0b\u304c\u30b3\u30fc\u30c9\u30b5\u30f3\u30d7\u30eb\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u25bcJavaScript<\/p>\n<pre class=\"lang:js decode:true \" title=\"JavaScript\" >\r\ndocument.getElementById(\"start\").onclick = function () {\r\n        function randomString(elmId, wordCount) {\r\n            var elm = document.getElementById(elmId);\r\n            var str = \"! #$%&abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n            var strLength = str.length;\r\n            var innerStr = \"\";\r\n            var timer = setInterval(function () {\r\n                if (innerStr.length < wordCount) {\r\n                    innerStr += str[~~(Math.random() * strLength)];\r\n                    elm.innerHTML = innerStr;\r\n                } else {\r\n                    clearInterval(timer);\r\n                }\r\n            }, 10);\r\n        }\r\n        randomString(\"sent\", 800);\r\n    }\r\n<\/pre>\n<p>\u25bcCSS<\/p>\n<pre class=\"lang:css decode:true \" title=\"CSS\" >\r\n#sent{\r\n    color: #fff;\r\n    font-family: Consolas,\"Courier New\",Courier,Monaco,monospace;\r\n    padding: 16px;\r\n    width: 80%;\r\n    height: auto;\r\n    margin: 0 auto;\r\n    word-wrap: break-word;\r\n}\r\n<\/pre>\n<p>\u25bcHTML<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"HTML\" >\r\n<div id=\"contents\">\r\n    <div id=\"sent\"><\/div>\r\n<\/div>\r\n<button id=\"start\">start<\/button>\r\n<\/pre>\n<p>\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001<br \/>\n\u300e<br \/>\n<a href=\"https:\/\/q-az.net\/\" target=\"_blank\">q-Az<\/a>\u300f\u3055\u3093\u3067\u3059\u3002<br \/>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n<p>\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001<a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/input_random\/\" target=\"_blank\">\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u5b57\u304c\u81ea\u52d5\u3067\u30e9\u30f3\u30c0\u30e0\u306b\u5165\u529b\u3055\u308c\u3066\u3044\u304fJavaScript\u306e\u3054\u7d39\u4ecb\u3067\u3059\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/669"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=669"}],"version-history":[{"count":7,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/669\/revisions"}],"predecessor-version":[{"id":676,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/669\/revisions\/676"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}