\u9ad8\u7cbe\u5ea6\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30fb\u30b9\u30c8\u30c3\u30d7\u30a6\u30a9\u30c3\u30c1<\/title>\n <style>\n body { background: #000; color: #0eeaff; font-family: 'Courier New', monospace; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; }\n #display { font-size: 6rem; font-weight: bold; text-shadow: 0 0 15px #0eeaff; margin-bottom: 30px; }\n .controls { display: flex; gap: 20px; }\n button { background: transparent; border: 2px solid #0eeaff; color: #0eeaff; padding: 15px 30px; font-size: 1.5rem; cursor: pointer; transition: 0.1s; }\n button:hover { background: #0eeaff; color: #000; }\n button:disabled { border-color: #003344; color: #003344; }\n #laps { margin-top: 30px; width: 500px; height: 250px; overflow-y: auto; border-top: 1px solid #003344; padding: 10px; }\n .lap-item { display: flex; justify-content: space-between; font-size: 1.8rem; padding: 5px 0; border-bottom: 1px dotted #003344; }\n <\/style>\n<\/head>\n<body>\n<br><br><br><br><br><br><br>\n\n <div id=\"display\">0.00000<\/div>\n\n <div class=\"controls\">\n <button id=\"startBtn\">START<\/button>\n <button id=\"stopBtn\" disabled>STOP<\/button>\n <button id=\"lapBtn\" disabled>LAP<\/button>\n <button id=\"resetBtn\">RESET<\/button>\n <\/div>\n\n <div id=\"laps\"><\/div>\n\n <script>\n let startTime;\n let elapsedTime = 0;\n let requestID;\n let lapCount = 0;\n\n const display = document.getElementById('display');\n const startBtn = document.getElementById('startBtn');\n const stopBtn = document.getElementById('stopBtn');\n const lapBtn = document.getElementById('lapBtn');\n const resetBtn = document.getElementById('resetBtn');\n const lapsList = document.getElementById('laps');\n\n \/\/ \u4e0b3\u6841\uff080.000xx\uff09\u3060\u3051\u3092\u30e9\u30f3\u30c0\u30e0\u306b\u751f\u6210\n function getFakeSubMs() {\n return Math.floor(Math.random() * 1000).toString().padStart(3, '0');\n }\n\n \/\/ \u73fe\u5728\u306e\u6b63\u78ba\u306a\u6642\u9593\uff080.00\uff09\u306b\u4e71\u6570\u3092\u304f\u3063\u3064\u3051\u3066\u8868\u793a\u7528\u30c6\u30ad\u30b9\u30c8\u3092\u4f5c\u308b\n function getFormattedTime(ms) {\n const baseTime = (ms \/ 1000).toFixed(2); \/\/ 0.00\u307e\u3067\u6b63\u78ba\u306b\u53d6\u5f97\n return baseTime + getFakeSubMs(); \/\/ \u305d\u306e\u5f8c\u308d\u306b3\u6841\u4e71\u6570\n }\n\n function update() {\n const now = performance.now();\n const diff = (now - startTime) + elapsedTime;\n display.textContent = getFormattedTime(diff);\n requestID = requestAnimationFrame(update);\n }\n\n startBtn.onclick = () => {\n startTime = performance.now();\n requestID = requestAnimationFrame(update);\n startBtn.disabled = true;\n stopBtn.disabled = false;\n lapBtn.disabled = false;\n resetBtn.disabled = true;\n };\n\n stopBtn.onclick = () => {\n cancelAnimationFrame(requestID);\n elapsedTime += performance.now() - startTime;\n \n \/\/ \u30b9\u30c8\u30c3\u30d7\u3057\u305f\u77ac\u9593\u3082\u300c\u6b63\u78ba\u306a\u5024\u300d\uff0b\u300c\u305d\u306e\u77ac\u9593\u306e\u4e71\u6570\u300d\u3067\u56fa\u5b9a\n display.textContent = getFormattedTime(elapsedTime);\n \n startBtn.disabled = false;\n stopBtn.disabled = true;\n lapBtn.disabled = true;\n resetBtn.disabled = false;\n };\n\n lapBtn.onclick = () => {\n lapCount++;\n const li = document.createElement('div');\n li.className = 'lap-item';\n \/\/ \u753b\u9762\u306e\u8868\u793a\u5185\u5bb9\u3092\u305d\u306e\u307e\u307e\u30e9\u30c3\u30d7\u306b\u4fdd\u5b58\n li.innerHTML = `<span>LAP ${lapCount}<\/span><span>${display.textContent}<\/span>`;\n lapsList.prepend(li);\n };\n\n resetBtn.onclick = () => {\n elapsedTime = 0;\n lapCount = 0;\n display.textContent = \"0.00000\";\n lapsList.innerHTML = \"\";\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u9ad8\u7cbe\u5ea6\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30fb\u30b9\u30c8\u30c3\u30d7\u30a6\u30a9\u30c3\u30c1 0.00000 START STOP LAP RESET<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-44","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":6,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts\/44\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/tags?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":44,"date":"2026-04-14T05:48:59","date_gmt":"2026-04-14T05:48:59","guid":{"rendered":"https:\/\/app.axen.jp\/?p=44"},"modified":"2026-04-14T06:01:14","modified_gmt":"2026-04-14T06:01:14","slug":"12345678","status":"publish","type":"post","link":"https:\/\/app.axen.jp\/index.php\/2026\/04\/14\/12345678\/","title":{"rendered":"\u30bf\u30a4\u30de\u30fc(\u72ec\u81ea\u5236\u4f5c)"},"content":{"rendered":"\n\n\n\n \n \u9ad8\u7cbe\u5ea6\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30fb\u30b9\u30c8\u30c3\u30d7\u30a6\u30a9\u30c3\u30c1<\/title>\n <style>\n body { background: #000; color: #0eeaff; font-family: 'Courier New', monospace; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; }\n #display { font-size: 6rem; font-weight: bold; text-shadow: 0 0 15px #0eeaff; margin-bottom: 30px; }\n .controls { display: flex; gap: 20px; }\n button { background: transparent; border: 2px solid #0eeaff; color: #0eeaff; padding: 15px 30px; font-size: 1.5rem; cursor: pointer; transition: 0.1s; }\n button:hover { background: #0eeaff; color: #000; }\n button:disabled { border-color: #003344; color: #003344; }\n #laps { margin-top: 30px; width: 500px; height: 250px; overflow-y: auto; border-top: 1px solid #003344; padding: 10px; }\n .lap-item { display: flex; justify-content: space-between; font-size: 1.8rem; padding: 5px 0; border-bottom: 1px dotted #003344; }\n <\/style>\n<\/head>\n<body>\n<br><br><br><br><br><br><br>\n\n <div id=\"display\">0.00000<\/div>\n\n <div class=\"controls\">\n <button id=\"startBtn\">START<\/button>\n <button id=\"stopBtn\" disabled>STOP<\/button>\n <button id=\"lapBtn\" disabled>LAP<\/button>\n <button id=\"resetBtn\">RESET<\/button>\n <\/div>\n\n <div id=\"laps\"><\/div>\n\n <script>\n let startTime;\n let elapsedTime = 0;\n let requestID;\n let lapCount = 0;\n\n const display = document.getElementById('display');\n const startBtn = document.getElementById('startBtn');\n const stopBtn = document.getElementById('stopBtn');\n const lapBtn = document.getElementById('lapBtn');\n const resetBtn = document.getElementById('resetBtn');\n const lapsList = document.getElementById('laps');\n\n \/\/ \u4e0b3\u6841\uff080.000xx\uff09\u3060\u3051\u3092\u30e9\u30f3\u30c0\u30e0\u306b\u751f\u6210\n function getFakeSubMs() {\n return Math.floor(Math.random() * 1000).toString().padStart(3, '0');\n }\n\n \/\/ \u73fe\u5728\u306e\u6b63\u78ba\u306a\u6642\u9593\uff080.00\uff09\u306b\u4e71\u6570\u3092\u304f\u3063\u3064\u3051\u3066\u8868\u793a\u7528\u30c6\u30ad\u30b9\u30c8\u3092\u4f5c\u308b\n function getFormattedTime(ms) {\n const baseTime = (ms \/ 1000).toFixed(2); \/\/ 0.00\u307e\u3067\u6b63\u78ba\u306b\u53d6\u5f97\n return baseTime + getFakeSubMs(); \/\/ \u305d\u306e\u5f8c\u308d\u306b3\u6841\u4e71\u6570\n }\n\n function update() {\n const now = performance.now();\n const diff = (now - startTime) + elapsedTime;\n display.textContent = getFormattedTime(diff);\n requestID = requestAnimationFrame(update);\n }\n\n startBtn.onclick = () => {\n startTime = performance.now();\n requestID = requestAnimationFrame(update);\n startBtn.disabled = true;\n stopBtn.disabled = false;\n lapBtn.disabled = false;\n resetBtn.disabled = true;\n };\n\n stopBtn.onclick = () => {\n cancelAnimationFrame(requestID);\n elapsedTime += performance.now() - startTime;\n \n \/\/ \u30b9\u30c8\u30c3\u30d7\u3057\u305f\u77ac\u9593\u3082\u300c\u6b63\u78ba\u306a\u5024\u300d\uff0b\u300c\u305d\u306e\u77ac\u9593\u306e\u4e71\u6570\u300d\u3067\u56fa\u5b9a\n display.textContent = getFormattedTime(elapsedTime);\n \n startBtn.disabled = false;\n stopBtn.disabled = true;\n lapBtn.disabled = true;\n resetBtn.disabled = false;\n };\n\n lapBtn.onclick = () => {\n lapCount++;\n const li = document.createElement('div');\n li.className = 'lap-item';\n \/\/ \u753b\u9762\u306e\u8868\u793a\u5185\u5bb9\u3092\u305d\u306e\u307e\u307e\u30e9\u30c3\u30d7\u306b\u4fdd\u5b58\n li.innerHTML = `<span>LAP ${lapCount}<\/span><span>${display.textContent}<\/span>`;\n lapsList.prepend(li);\n };\n\n resetBtn.onclick = () => {\n elapsedTime = 0;\n lapCount = 0;\n display.textContent = \"0.00000\";\n lapsList.innerHTML = \"\";\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u9ad8\u7cbe\u5ea6\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30fb\u30b9\u30c8\u30c3\u30d7\u30a6\u30a9\u30c3\u30c1 0.00000 START STOP LAP RESET<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-44","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":6,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/posts\/44\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/app.axen.jp\/index.php\/wp-json\/wp\/v2\/tags?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}