SUN YOURS \u5149\u74b0\u5883\u63a7\u5236\u7cfb\u7d71<\/title>\n\n<style>\n\n\/* ===== \u6574\u9ad4\u80cc\u666f\uff08\u5df2\u52a0\u6df1\uff09 ===== *\/\nbody{\n margin:0;\n font-family:\"Noto Sans TC\",Arial;\n background:#e8eef5;\n color:#111;\n}\n\n\/* ===== \u4e3b\u5bb9\u5668 ===== *\/\n.container{\n max-width:900px;\n margin:auto;\n padding:20px;\n background:#ffffff;\n border-radius:16px;\n box-shadow:0 8px 30px rgba(0,0,0,0.06);\n}\n\n\/* ===== \u6a19\u984c ===== *\/\nh1{text-align:center;font-size:24px;margin-bottom:10px;}\nh2{color:#0b5ed7;margin-bottom:10px;}\np{line-height:1.6}\n\n\/* ===== \u5340\u584a\uff08\u52a0\u6df1\uff09 ===== *\/\n.section{\n margin-bottom:30px;\n background:#eef4fa;\n padding:18px;\n border-radius:12px;\n box-shadow:0 4px 14px rgba(0,0,0,0.04);\n}\n\n\/* ===== \u5361\u7247 ===== *\/\n.grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:10px;\n}\n\n.card{\n background:#ffffff;\n padding:12px;\n border-radius:10px;\n font-size:14px;\n box-shadow:0 2px 10px rgba(0,0,0,0.06);\n}\n\n\/* ===== \u5f37\u8abf ===== *\/\n.highlight{\n background:#dde9f7;\n padding:12px;\n border-left:4px solid #0b5ed7;\n border-radius:8px;\n margin-top:10px;\n}\n\n\/* ===== \u5149\u8b5c\u5916\u6846\uff08\u52a0\u6df1\uff09 ===== *\/\n.track-wrap{\n background:#e3ebf5;\n padding:15px;\n border-radius:14px;\n}\n\n\/* ===== \u5149\u8ecc ===== *\/\n.track{\n position:relative;\n height:140px;\n border-radius:14px;\n overflow:hidden;\n background:linear-gradient(to right,\n violet, indigo, blue, cyan,\n green, yellow, orange, red\n );\n box-shadow:0 6px 20px rgba(0,0,0,0.1);\n}\n\n\/* ===== \u64ad\u653e\u63d0\u793a ===== *\/\n.auto-indicator{\n position:absolute;\n top:8px;\n right:10px;\n font-size:16px;\n color:#fff;\n background:rgba(0,0,0,0.4);\n padding:4px 8px;\n border-radius:10px;\n opacity:0;\n}\n.auto-indicator.playing{\n opacity:1;\n animation:blink 1.2s infinite;\n}\n@keyframes blink{\n 0%{opacity:0.2;}\n 50%{opacity:1;}\n 100%{opacity:0.2;}\n}\n\n\/* ===== SUN YOURS ===== *\/\n.sun{\n position:absolute;\n left:0%;\n width:35%;\n height:100%;\n background:#0ea5e9;\n opacity:0.25;\n}\n\n\/* ===== \u5149\u5bb3\u5340 ===== *\/\n.zone{position:absolute;height:100%;opacity:0.2;}\n.led{ left:12.5%; width:12.5%; background:#6366f1; }\n.sensitive{ left:10%; width:20%; background:#ffffff; }\n.fog{ left:5%; width:25%; background:#9ca3ff; }\n.mountain{ left:0%; width:25%; background:#ffffff; }\n.fl{ left:25%; width:10%; background:#f472b6; }\n\n.traffic{\n left:35%;\n width:37.5%;\n background:linear-gradient(to right,green,yellow,red);\n}\n\n\/* ===== \u5149\u9ede ===== *\/\n.glow{\n position:absolute;\n width:120px;\n height:100%;\n background:radial-gradient(circle,rgba(255,255,255,0.9),transparent);\n transform:translateX(-50%);\n transition:left 0.15s ease-out;\n}\n\n\/* ===== \u6ed1\u687f ===== *\/\n.slider{\n width:100%;\n height:40px;\n margin-top:20px;\n -webkit-appearance:none;\n}\n.slider::-webkit-slider-runnable-track{\n height:8px;\n background:#d6dbe3;\n border-radius:5px;\n}\n.slider::-webkit-slider-thumb{\n -webkit-appearance:none;\n height:26px;\n width:26px;\n background:#0ea5e9;\n border-radius:50%;\n margin-top:-9px;\n}\n\n\/* ===== \u8aaa\u660e ===== *\/\n.caption{\n margin-top:15px;\n font-size:15px;\n text-align:center;\n}\n\n\/* ===== \u9032\u5ea6\u689d ===== *\/\n.progress{\n margin-top:15px;\n height:6px;\n background:#d6dbe3;\n border-radius:3px;\n overflow:hidden;\n}\n.progress-bar{\n height:100%;\n width:0%;\n background:#0ea5e9;\n}\n\n\/* ===== CTA ===== *\/\n.cta{\n text-align:center;\n margin-top:30px;\n font-size:16px;\n color:#0b5ed7;\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n<h1>SUN YOURS \u6a5f\u80fd\u93e1\u7247<\/h1>\n\n\n<div class=\"section\">\n<h2>\u65e5\u5e38\u5149\u74b0\u5883\u6b63\u5728\u6539\u8b8a<\/h2>\n<p>\nLED\u3001\u87a2\u5e55\u8207\u8eca\u71c8\u8b93\u77ed\u6ce2\u6bb5\u9ad8\u80fd\u5149\u96c6\u4e2d\uff0c\n\u5728\u4e0d\u540c\u74b0\u5883\u4e2d\u5f62\u6210\u523a\u773c\u3001\u7729\u5149\u8207\u5149\u64f4\u6563\u3002\n<\/p>\n<\/div>\n\n<div class=\"section\">\n<h2>\u554f\u984c\u4e0d\u53ea\u662f\u4e00\u7a2e\u5149<\/h2>\n\n<div class=\"grid\">\n<div class=\"card\">LED \u9ad8\u80fd\u5149\uff08430\u2013480nm\uff09<\/div>\n<div class=\"card\">\u96e8\u9727\u6563\u5c04\uff08400\u2013500nm\uff09<\/div>\n<div class=\"card\">\u9ad8\u6d77\u62d4\u767b\u5c71\uff08380\u2013480nm\uff09<\/div>\n<div class=\"card\">\u5149\u654f\u611f\u53d7\uff08420\u2013500nm\uff09<\/div>\n<div class=\"card\">FL-41\uff08480\u2013520nm\uff09<\/div>\n<\/div>\n\n<div class=\"highlight\">\n\u4e0d\u540c\u5149\u74b0\u5883\u7684\u5f71\u97ff\uff0c\u5176\u5be6\u96c6\u4e2d\u5728\u540c\u4e00\u6bb5\u5149\u8b5c\u4e4b\u4e2d\n<\/div>\n\n<\/div>\n\n<div class=\"section\">\n<h2>SUN YOURS \u7684\u65b9\u5f0f<\/h2>\n<p>\n\u900f\u904e 380\u2013520nm \u7684\u9023\u7e8c\u5149\u8b5c\u63a7\u5236\uff0c\n\u5c0d\u9ad8\u80fd\u5149\u9032\u884c\u6574\u9ad4\u5206\u5e03\u8abf\u6574\uff0c\n\u800c\u4e0d\u662f\u53ea\u8655\u7406\u55ae\u4e00\u5340\u6bb5\u3002\n<\/p>\n<\/div>\n\n\n<div class=\"section\">\n\n<h2>\u5149\u74b0\u5883\u5149\u8b5c<\/h2>\n\n<div class=\"track-wrap\">\n<div class=\"track\">\n\n<div class=\"sun\"><\/div>\n\n<div class=\"zone led\"><\/div>\n<div class=\"zone sensitive\"><\/div>\n<div class=\"zone fog\"><\/div>\n<div class=\"zone mountain\"><\/div>\n<div class=\"zone fl\"><\/div>\n<div class=\"zone traffic\"><\/div>\n\n<div id=\"glow\" class=\"glow\"><\/div>\n<div id=\"autoIndicator\" class=\"auto-indicator\">▶<\/div>\n\n<\/div>\n<\/div>\n\n<input type=\"range\" min=\"380\" max=\"780\" step=\"5\" value=\"450\" id=\"slider\" class=\"slider\">\n\n<div id=\"caption\" class=\"caption\"><\/div>\n\n<div class=\"progress\">\n<div id=\"progressBar\" class=\"progress-bar\"><\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"section\">\n<h2>\u95dc\u9375\u7d50\u679c<\/h2>\n\n<div class=\"grid\">\n<div class=\"card\">\u964d\u4f4e\u77ed\u6ce2\u6bb5\u5149\u5e72\u64fe<\/div>\n<div class=\"card\">\u96e8\u9727\u4e2d\u8996\u89ba\u66f4\u7a69\u5b9a<\/div>\n<div class=\"card\">\u9ad8\u6d77\u62d4\u5149\u74b0\u5883\u63a7\u5236<\/div>\n<div class=\"card\">\u4ea4\u901a\u865f\u8a8c\u8fa8\u8b58\u6e05\u695a<\/div>\n<\/div>\n\n<div class=\"highlight\">\n\u63a7\u5236\u9ad8\u80fd\u5149\uff08380\u2013520nm\uff09\uff0c \n\u540c\u6642\u4fdd\u7559\u4ea4\u901a\u865f\u8a8c\u8272\u5f69\uff08520\u2013670nm\uff09\n<\/div>\n\n<\/div>\n\n<div class=\"cta\">\n\u63a7\u5236\u5149\u7684\u554f\u984c\uff0c\u4fdd\u7559\u8996\u89ba\u7684\u95dc\u9375\n<\/div>\n\n<\/div>\n\n<script>\n\nconst slider = document.getElementById(\"slider\");\nconst glow = document.getElementById(\"glow\");\nconst caption = document.getElementById(\"caption\");\nconst progressBar = document.getElementById(\"progressBar\");\nconst indicator = document.getElementById(\"autoIndicator\");\n\nlet autoTimer;\nlet isUser=false;\n\nconst snapPoints=[430,480,520,580];\n\nfunction update(){\n\n let v=parseInt(slider.value);\n\n for(let p of snapPoints){\n if(Math.abs(v-p)<=3){\n v=p;\n slider.value=p;\n }\n }\n\n let percent=(v-380)\/(780-380)*100;\n\n glow.style.left=percent+\"%\";\n progressBar.style.width=percent+\"%\";\n\n if(v<480){\n caption.innerText=\"\u9ad8\u80fd\u77ed\u6ce2\u6bb5\u5149\uff08LED \/ \u96e8\u9727 \/ \u767b\u5c71 \/ \u5149\u654f\uff09\";\n }else if(v<520){\n caption.innerText=\"\u5c40\u90e8\u8655\u7406\uff08FL-41\uff09\";\n }else{\n caption.innerText=\"\u4ea4\u901a\u865f\u8a8c\u8fa8\u8b58\uff08\u7d05 \/ \u9ec3 \/ \u7da0\uff09\";\n }\n}\n\nslider.oninput=()=>{\n stopAuto();\n update();\n};\n\nfunction startAuto(){\n\n indicator.classList.add(\"playing\");\n\n let t=0;\n\n autoTimer=setInterval(()=>{\n\n if(isUser) return;\n\n t++;\n\n if(t<80) slider.value=450;\n else if(t<160) slider.value=500;\n else if(t<240) slider.value=430;\n else slider.value=580;\n\n update();\n\n if(t>320) t=0;\n\n },40);\n}\n\nfunction stopAuto(){\n isUser=true;\n indicator.classList.remove(\"playing\");\n clearInterval(autoTimer);\n}\n\nstartAuto();\nupdate();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SUN YOURS \u5149\u74b0\u5883\u63a7\u5236\u7cfb\u7d71 SUN YOURS \u6a5f\u80fd\u93e1\u7247 \u65e5\u5e38\u5149\u74b0\u5883\u6b63\u5728\u6539\u8b8a LED\u3001\u87a2\u5e55\u8207\u8eca\u71c8\u8b93\u77ed\u6ce2\u6bb5\u9ad8\u80fd\u5149\u96c6\u4e2d\uff0c \u5728\u4e0d\u540c\u74b0\u5883\u4e2d\u5f62\u6210\u523a\u773c\u3001\u7729\u5149\u8207\u5149\u64f4\u6563\u3002 \u554f\u984c\u4e0d\u53ea\u662f\u4e00\u7a2e\u5149 LED \u9ad8\u80fd\u5149\uff08430\u2013480nm\uff09 \u96e8\u9727\u6563\u5c04\uff08400\u2013500nm\uff09 \u9ad8\u6d77\u62d4\u767b\u5c71\uff08380\u2013480nm\uff09 \u5149\u654f\u611f\u53d7\uff08420\u2013500nm\uff09 FL-41\uff08480\u2013520nm\uff09 \u4e0d\u540c\u5149\u74b0\u5883\u7684\u5f71\u97ff\uff0c\u5176\u5be6\u96c6\u4e2d\u5728\u540c\u4e00\u6bb5\u5149\u8b5c\u4e4b\u4e2d SUN YOURS \u7684\u65b9\u5f0f \u900f\u904e 380\u2013520nm \u7684\u9023\u7e8c\u5149\u8b5c\u63a7\u5236\uff0c \u5c0d\u9ad8\u80fd\u5149\u9032\u884c\u6574\u9ad4\u5206\u5e03\u8abf\u6574\uff0c \u800c\u4e0d\u662f\u53ea\u8655\u7406\u55ae\u4e00\u5340\u6bb5\u3002 \u5149\u74b0\u5883\u5149\u8b5c ▶ \u95dc\u9375\u7d50\u679c \u964d\u4f4e\u77ed\u6ce2\u6bb5\u5149\u5e72\u64fe \u96e8\u9727\u4e2d\u8996\u89ba\u66f4\u7a69\u5b9a <a class=\"more-link\" href=\"https:\/\/aot-tek.com\/newAOT2019\/?p=4910\">Continue Reading \u2192<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[118],"tags":[119,128,122],"class_list":["post-4910","post","type-post","status-publish","format-standard","hentry","category-sun-yours","tag-sun-yours","tag-128","tag-122"],"_links":{"self":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts\/4910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4910"}],"version-history":[{"count":3,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts\/4910\/revisions"}],"predecessor-version":[{"id":4914,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts\/4910\/revisions\/4914"}],"wp:attachment":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4910,"date":"2026-04-14T21:10:42","date_gmt":"2026-04-14T13:10:42","guid":{"rendered":"https:\/\/aot-tek.com\/newAOT2019\/?p=4910"},"modified":"2026-04-14T21:55:31","modified_gmt":"2026-04-14T13:55:31","slug":"sun-yours-%e6%a9%9f%e8%83%bd%e9%8f%a1%e7%89%87","status":"publish","type":"post","link":"https:\/\/aot-tek.com\/newAOT2019\/?p=4910","title":{"rendered":"SUN YOURS \u6a5f\u80fd\u93e1\u7247"},"content":{"rendered":"\n\n\n\n\n\n\nSUN YOURS \u5149\u74b0\u5883\u63a7\u5236\u7cfb\u7d71<\/title>\n\n<style>\n\n\/* ===== \u6574\u9ad4\u80cc\u666f\uff08\u5df2\u52a0\u6df1\uff09 ===== *\/\nbody{\n margin:0;\n font-family:\"Noto Sans TC\",Arial;\n background:#e8eef5;\n color:#111;\n}\n\n\/* ===== \u4e3b\u5bb9\u5668 ===== *\/\n.container{\n max-width:900px;\n margin:auto;\n padding:20px;\n background:#ffffff;\n border-radius:16px;\n box-shadow:0 8px 30px rgba(0,0,0,0.06);\n}\n\n\/* ===== \u6a19\u984c ===== *\/\nh1{text-align:center;font-size:24px;margin-bottom:10px;}\nh2{color:#0b5ed7;margin-bottom:10px;}\np{line-height:1.6}\n\n\/* ===== \u5340\u584a\uff08\u52a0\u6df1\uff09 ===== *\/\n.section{\n margin-bottom:30px;\n background:#eef4fa;\n padding:18px;\n border-radius:12px;\n box-shadow:0 4px 14px rgba(0,0,0,0.04);\n}\n\n\/* ===== \u5361\u7247 ===== *\/\n.grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:10px;\n}\n\n.card{\n background:#ffffff;\n padding:12px;\n border-radius:10px;\n font-size:14px;\n box-shadow:0 2px 10px rgba(0,0,0,0.06);\n}\n\n\/* ===== \u5f37\u8abf ===== *\/\n.highlight{\n background:#dde9f7;\n padding:12px;\n border-left:4px solid #0b5ed7;\n border-radius:8px;\n margin-top:10px;\n}\n\n\/* ===== \u5149\u8b5c\u5916\u6846\uff08\u52a0\u6df1\uff09 ===== *\/\n.track-wrap{\n background:#e3ebf5;\n padding:15px;\n border-radius:14px;\n}\n\n\/* ===== \u5149\u8ecc ===== *\/\n.track{\n position:relative;\n height:140px;\n border-radius:14px;\n overflow:hidden;\n background:linear-gradient(to right,\n violet, indigo, blue, cyan,\n green, yellow, orange, red\n );\n box-shadow:0 6px 20px rgba(0,0,0,0.1);\n}\n\n\/* ===== \u64ad\u653e\u63d0\u793a ===== *\/\n.auto-indicator{\n position:absolute;\n top:8px;\n right:10px;\n font-size:16px;\n color:#fff;\n background:rgba(0,0,0,0.4);\n padding:4px 8px;\n border-radius:10px;\n opacity:0;\n}\n.auto-indicator.playing{\n opacity:1;\n animation:blink 1.2s infinite;\n}\n@keyframes blink{\n 0%{opacity:0.2;}\n 50%{opacity:1;}\n 100%{opacity:0.2;}\n}\n\n\/* ===== SUN YOURS ===== *\/\n.sun{\n position:absolute;\n left:0%;\n width:35%;\n height:100%;\n background:#0ea5e9;\n opacity:0.25;\n}\n\n\/* ===== \u5149\u5bb3\u5340 ===== *\/\n.zone{position:absolute;height:100%;opacity:0.2;}\n.led{ left:12.5%; width:12.5%; background:#6366f1; }\n.sensitive{ left:10%; width:20%; background:#ffffff; }\n.fog{ left:5%; width:25%; background:#9ca3ff; }\n.mountain{ left:0%; width:25%; background:#ffffff; }\n.fl{ left:25%; width:10%; background:#f472b6; }\n\n.traffic{\n left:35%;\n width:37.5%;\n background:linear-gradient(to right,green,yellow,red);\n}\n\n\/* ===== \u5149\u9ede ===== *\/\n.glow{\n position:absolute;\n width:120px;\n height:100%;\n background:radial-gradient(circle,rgba(255,255,255,0.9),transparent);\n transform:translateX(-50%);\n transition:left 0.15s ease-out;\n}\n\n\/* ===== \u6ed1\u687f ===== *\/\n.slider{\n width:100%;\n height:40px;\n margin-top:20px;\n -webkit-appearance:none;\n}\n.slider::-webkit-slider-runnable-track{\n height:8px;\n background:#d6dbe3;\n border-radius:5px;\n}\n.slider::-webkit-slider-thumb{\n -webkit-appearance:none;\n height:26px;\n width:26px;\n background:#0ea5e9;\n border-radius:50%;\n margin-top:-9px;\n}\n\n\/* ===== \u8aaa\u660e ===== *\/\n.caption{\n margin-top:15px;\n font-size:15px;\n text-align:center;\n}\n\n\/* ===== \u9032\u5ea6\u689d ===== *\/\n.progress{\n margin-top:15px;\n height:6px;\n background:#d6dbe3;\n border-radius:3px;\n overflow:hidden;\n}\n.progress-bar{\n height:100%;\n width:0%;\n background:#0ea5e9;\n}\n\n\/* ===== CTA ===== *\/\n.cta{\n text-align:center;\n margin-top:30px;\n font-size:16px;\n color:#0b5ed7;\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n<h1>SUN YOURS \u6a5f\u80fd\u93e1\u7247<\/h1>\n\n\n<div class=\"section\">\n<h2>\u65e5\u5e38\u5149\u74b0\u5883\u6b63\u5728\u6539\u8b8a<\/h2>\n<p>\nLED\u3001\u87a2\u5e55\u8207\u8eca\u71c8\u8b93\u77ed\u6ce2\u6bb5\u9ad8\u80fd\u5149\u96c6\u4e2d\uff0c\n\u5728\u4e0d\u540c\u74b0\u5883\u4e2d\u5f62\u6210\u523a\u773c\u3001\u7729\u5149\u8207\u5149\u64f4\u6563\u3002\n<\/p>\n<\/div>\n\n<div class=\"section\">\n<h2>\u554f\u984c\u4e0d\u53ea\u662f\u4e00\u7a2e\u5149<\/h2>\n\n<div class=\"grid\">\n<div class=\"card\">LED \u9ad8\u80fd\u5149\uff08430\u2013480nm\uff09<\/div>\n<div class=\"card\">\u96e8\u9727\u6563\u5c04\uff08400\u2013500nm\uff09<\/div>\n<div class=\"card\">\u9ad8\u6d77\u62d4\u767b\u5c71\uff08380\u2013480nm\uff09<\/div>\n<div class=\"card\">\u5149\u654f\u611f\u53d7\uff08420\u2013500nm\uff09<\/div>\n<div class=\"card\">FL-41\uff08480\u2013520nm\uff09<\/div>\n<\/div>\n\n<div class=\"highlight\">\n\u4e0d\u540c\u5149\u74b0\u5883\u7684\u5f71\u97ff\uff0c\u5176\u5be6\u96c6\u4e2d\u5728\u540c\u4e00\u6bb5\u5149\u8b5c\u4e4b\u4e2d\n<\/div>\n\n<\/div>\n\n<div class=\"section\">\n<h2>SUN YOURS \u7684\u65b9\u5f0f<\/h2>\n<p>\n\u900f\u904e 380\u2013520nm \u7684\u9023\u7e8c\u5149\u8b5c\u63a7\u5236\uff0c\n\u5c0d\u9ad8\u80fd\u5149\u9032\u884c\u6574\u9ad4\u5206\u5e03\u8abf\u6574\uff0c\n\u800c\u4e0d\u662f\u53ea\u8655\u7406\u55ae\u4e00\u5340\u6bb5\u3002\n<\/p>\n<\/div>\n\n\n<div class=\"section\">\n\n<h2>\u5149\u74b0\u5883\u5149\u8b5c<\/h2>\n\n<div class=\"track-wrap\">\n<div class=\"track\">\n\n<div class=\"sun\"><\/div>\n\n<div class=\"zone led\"><\/div>\n<div class=\"zone sensitive\"><\/div>\n<div class=\"zone fog\"><\/div>\n<div class=\"zone mountain\"><\/div>\n<div class=\"zone fl\"><\/div>\n<div class=\"zone traffic\"><\/div>\n\n<div id=\"glow\" class=\"glow\"><\/div>\n<div id=\"autoIndicator\" class=\"auto-indicator\">▶<\/div>\n\n<\/div>\n<\/div>\n\n<input type=\"range\" min=\"380\" max=\"780\" step=\"5\" value=\"450\" id=\"slider\" class=\"slider\">\n\n<div id=\"caption\" class=\"caption\"><\/div>\n\n<div class=\"progress\">\n<div id=\"progressBar\" class=\"progress-bar\"><\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"section\">\n<h2>\u95dc\u9375\u7d50\u679c<\/h2>\n\n<div class=\"grid\">\n<div class=\"card\">\u964d\u4f4e\u77ed\u6ce2\u6bb5\u5149\u5e72\u64fe<\/div>\n<div class=\"card\">\u96e8\u9727\u4e2d\u8996\u89ba\u66f4\u7a69\u5b9a<\/div>\n<div class=\"card\">\u9ad8\u6d77\u62d4\u5149\u74b0\u5883\u63a7\u5236<\/div>\n<div class=\"card\">\u4ea4\u901a\u865f\u8a8c\u8fa8\u8b58\u6e05\u695a<\/div>\n<\/div>\n\n<div class=\"highlight\">\n\u63a7\u5236\u9ad8\u80fd\u5149\uff08380\u2013520nm\uff09\uff0c \n\u540c\u6642\u4fdd\u7559\u4ea4\u901a\u865f\u8a8c\u8272\u5f69\uff08520\u2013670nm\uff09\n<\/div>\n\n<\/div>\n\n<div class=\"cta\">\n\u63a7\u5236\u5149\u7684\u554f\u984c\uff0c\u4fdd\u7559\u8996\u89ba\u7684\u95dc\u9375\n<\/div>\n\n<\/div>\n\n<script>\n\nconst slider = document.getElementById(\"slider\");\nconst glow = document.getElementById(\"glow\");\nconst caption = document.getElementById(\"caption\");\nconst progressBar = document.getElementById(\"progressBar\");\nconst indicator = document.getElementById(\"autoIndicator\");\n\nlet autoTimer;\nlet isUser=false;\n\nconst snapPoints=[430,480,520,580];\n\nfunction update(){\n\n let v=parseInt(slider.value);\n\n for(let p of snapPoints){\n if(Math.abs(v-p)<=3){\n v=p;\n slider.value=p;\n }\n }\n\n let percent=(v-380)\/(780-380)*100;\n\n glow.style.left=percent+\"%\";\n progressBar.style.width=percent+\"%\";\n\n if(v<480){\n caption.innerText=\"\u9ad8\u80fd\u77ed\u6ce2\u6bb5\u5149\uff08LED \/ \u96e8\u9727 \/ \u767b\u5c71 \/ \u5149\u654f\uff09\";\n }else if(v<520){\n caption.innerText=\"\u5c40\u90e8\u8655\u7406\uff08FL-41\uff09\";\n }else{\n caption.innerText=\"\u4ea4\u901a\u865f\u8a8c\u8fa8\u8b58\uff08\u7d05 \/ \u9ec3 \/ \u7da0\uff09\";\n }\n}\n\nslider.oninput=()=>{\n stopAuto();\n update();\n};\n\nfunction startAuto(){\n\n indicator.classList.add(\"playing\");\n\n let t=0;\n\n autoTimer=setInterval(()=>{\n\n if(isUser) return;\n\n t++;\n\n if(t<80) slider.value=450;\n else if(t<160) slider.value=500;\n else if(t<240) slider.value=430;\n else slider.value=580;\n\n update();\n\n if(t>320) t=0;\n\n },40);\n}\n\nfunction stopAuto(){\n isUser=true;\n indicator.classList.remove(\"playing\");\n clearInterval(autoTimer);\n}\n\nstartAuto();\nupdate();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SUN YOURS \u5149\u74b0\u5883\u63a7\u5236\u7cfb\u7d71 SUN YOURS \u6a5f\u80fd\u93e1\u7247 \u65e5\u5e38\u5149\u74b0\u5883\u6b63\u5728\u6539\u8b8a LED\u3001\u87a2\u5e55\u8207\u8eca\u71c8\u8b93\u77ed\u6ce2\u6bb5\u9ad8\u80fd\u5149\u96c6\u4e2d\uff0c \u5728\u4e0d\u540c\u74b0\u5883\u4e2d\u5f62\u6210\u523a\u773c\u3001\u7729\u5149\u8207\u5149\u64f4\u6563\u3002 \u554f\u984c\u4e0d\u53ea\u662f\u4e00\u7a2e\u5149 LED \u9ad8\u80fd\u5149\uff08430\u2013480nm\uff09 \u96e8\u9727\u6563\u5c04\uff08400\u2013500nm\uff09 \u9ad8\u6d77\u62d4\u767b\u5c71\uff08380\u2013480nm\uff09 \u5149\u654f\u611f\u53d7\uff08420\u2013500nm\uff09 FL-41\uff08480\u2013520nm\uff09 \u4e0d\u540c\u5149\u74b0\u5883\u7684\u5f71\u97ff\uff0c\u5176\u5be6\u96c6\u4e2d\u5728\u540c\u4e00\u6bb5\u5149\u8b5c\u4e4b\u4e2d SUN YOURS \u7684\u65b9\u5f0f \u900f\u904e 380\u2013520nm \u7684\u9023\u7e8c\u5149\u8b5c\u63a7\u5236\uff0c \u5c0d\u9ad8\u80fd\u5149\u9032\u884c\u6574\u9ad4\u5206\u5e03\u8abf\u6574\uff0c \u800c\u4e0d\u662f\u53ea\u8655\u7406\u55ae\u4e00\u5340\u6bb5\u3002 \u5149\u74b0\u5883\u5149\u8b5c ▶ \u95dc\u9375\u7d50\u679c \u964d\u4f4e\u77ed\u6ce2\u6bb5\u5149\u5e72\u64fe \u96e8\u9727\u4e2d\u8996\u89ba\u66f4\u7a69\u5b9a <a class=\"more-link\" href=\"https:\/\/aot-tek.com\/newAOT2019\/?p=4910\">Continue Reading \u2192<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[118],"tags":[119,128,122],"class_list":["post-4910","post","type-post","status-publish","format-standard","hentry","category-sun-yours","tag-sun-yours","tag-128","tag-122"],"_links":{"self":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts\/4910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4910"}],"version-history":[{"count":3,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts\/4910\/revisions"}],"predecessor-version":[{"id":4914,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=\/wp\/v2\/posts\/4910\/revisions\/4914"}],"wp:attachment":[{"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aot-tek.com\/newAOT2019\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}