{"id":2489,"date":"2016-11-30T03:56:57","date_gmt":"2016-11-29T18:56:57","guid":{"rendered":"http:\/\/stuffy.dip.jp\/wordpress\/?p=2489"},"modified":"2017-05-29T16:15:40","modified_gmt":"2017-05-29T07:15:40","slug":"analog-clock","status":"publish","type":"post","link":"https:\/\/www.stuffy.site\/wordpress\/?p=2489","title":{"rendered":"\u30a2\u30ca\u30ed\u30b0\u6642\u8a08"},"content":{"rendered":"<p>\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u3002\u30dd\u30a4\u30f3\u30c8\u306f\u3001\u6642\u523b\u3092\u53d6\u5f97\u3059\u308bvar now = new date(); \u3092\u30ed\u30fc\u30ab\u30eb\u95a2\u6570\u306edgr() <del datetime=\"2017-01-10T00:48:05+00:00\">\u3068draw() \u306e2\u304b\u6240<\/del>\u3067\u5ba3\u8a00\u3001hand(d, r, w) \u95a2\u6570\u3067\u91dd\u306e\u89d2\u5ea6\u3068\u9577\u3055\u3068\u592a\u3055\u306e\u5f15\u6570\u3092\u6e21\u3057\u3066\u3001\u77ed\u91dd\u3068\u9577\u91dd\u3001\u79d2\u91dd\u3092\u63cf\u304d\u5206\u3051\u3066\u3044\u307e\u3059\u3002\u305d\u308c\u3068\u524d\u56de\u306e\u56de\u8ee2\u95a2\u6570\u304b\u3089 x \u2192 90-d \u3068\u56de\u8ee2\u89d2\u3092\u5909\u63db\u3057\u3066\u3044\u307e\u3059\u3002setInterval(draw,1000) \u30671\u79d2\u3054\u3068\u306b\u518d\u63cf\u753b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/stuffy.mydns.jp\/~gusachan\/javascript\/clock.html\">https:\/\/stuffy.mydns.jp\/~gusachan\/javascript\/clock.html<\/a><\/p>\n<pre class=\"brush: actionscript3; gutter: false; first-line: 1\"><span style=\"font-size: 10pt;\">var c=document.getElementById(\"clock\");\r\nvar ctx=c.getContext(\"2d\");\r\nwindow.onload = function() {\r\n\u00a0\u00a0var rads =\u00a0 function(x) {\r\n\u00a0\u00a0\u00a0 return Math.PI*x\/180;\r\n\u00a0\u00a0}\r\n\u00a0\u00a0var coordinate = function () {\r\n\u00a0\u00a0\u00a0 ctx.beginPath();\r\n\u00a0\u00a0\u00a0 ctx.lineWidth = 1;\r\n\u00a0\u00a0\u00a0 ctx.arc(200,200,150,0,rads(360),false);\r\n\u00a0\u00a0\u00a0 ctx.stroke();\r\n\u00a0\u00a0}\r\n\u00a0\u00a0var hand = function(d,r,w) {\r\n\u00a0\u00a0\u00a0 ctx.beginPath();\r\n\u00a0\u00a0\u00a0 ctx.moveTo(200,200);\r\n\u00a0\u00a0\u00a0 ctx.lineTo(200 + r*Math.cos(rads(90-d)), 200 - r*Math.sin(rads(90-d)));\r\n\u00a0\u00a0\u00a0 ctx.closePath();\r\n\u00a0\u00a0\u00a0 ctx.lineWidth = w;\r\n\u00a0\u00a0\u00a0 ctx.stroke();\r\n\u00a0\u00a0}\r\n\u00a0\u00a0var dgr = function(needle) {\r\n    <span style=\"font-size: small;\">\u00a0\u00a0var now = new Date(); \r\n<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0 if (needle == 'hours') {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var arg = 30*((now.getHours()%12) + (now.getMinutes()\/60));\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 else if (needle =='minutes') {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var arg = 6*now.getMinutes();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 else if (needle =='seconds') {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var arg = 6*now.getSeconds();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 return arg;\r\n\u00a0\u00a0}\r\n\u00a0\u00a0function draw() {\r\n  <span style=\"font-size: small;\">\u00a0\u00a0var now = new Date();   \/\/ \uff08\u8ffd\u8a18\uff1a\u3053\u3053\u306e\u5ba3\u8a00\u306f\u306a\u304f\u3066\u3082\u52d5\u3044\u305f\r\n<\/span>\u00a0\u00a0\u00a0 ctx.clearRect(0,0,400,400);\r\n\u00a0\u00a0\u00a0 hand(dgr('hours'),110,4);\r\n\u00a0\u00a0\u00a0 hand(dgr('minutes'),140,2);\r\n\u00a0\u00a0\u00a0 hand(dgr('seconds'),130,1);\r\n\u00a0\u00a0\u00a0 coordinate();\r\n\u00a0\u00a0}\r\n\u00a0\u00a0setInterval(draw,1000);\r\n}\r\n<\/span><\/pre>\n<p><a href=\"https:\/\/www.stuffy.site\/wordpress\/wp-content\/uploads\/2016\/11\/clock.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2492\" src=\"https:\/\/www.stuffy.site\/wordpress\/wp-content\/uploads\/2016\/11\/clock.png\" alt=\"clock\" width=\"406\" height=\"429\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u3002\u30dd\u30a4\u30f3\u30c8\u306f\u3001\u6642\u523b\u3092\u53d6\u5f97\u3059\u308bvar now = new date(); \u3092\u30ed\u30fc\u30ab\u30eb\u95a2\u6570\u306edgr() \u3068draw() \u306e2\u304b\u6240\u3067\u5ba3\u8a00\u3001hand(d, r, w) \u95a2\u6570\u3067\u91dd\u306e\u89d2\u5ea6\u3068\u9577\u3055\u3068\u592a\u3055\u306e\u5f15\u6570\u3092\u6e21\u3057\u3066\u3001\u77ed\u91dd\u3068 &hellip; <a href=\"https:\/\/www.stuffy.site\/wordpress\/?p=2489\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">\u30a2\u30ca\u30ed\u30b0\u6642\u8a08<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[87,5],"tags":[],"class_list":["post-2489","post","type-post","status-publish","format-standard","hentry","category-javascript","category-software"],"_links":{"self":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2489"}],"version-history":[{"count":17,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2489\/revisions"}],"predecessor-version":[{"id":2719,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2489\/revisions\/2719"}],"wp:attachment":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}