网站建设找丿金手指排名,外包加工网官网下载安装,卡片式wordpress模板,PHP与网站建设的课后笔记LED数码管原理
LED数码管有两大类#xff0c;一类是共阴极接法#xff0c;另一类是共阳极接法#xff0c;共阴极就是各段的显示字码共用一个电源的负极#xff0c;是高电平点亮#xff0c;共阳极就是各段的显示字码共用一个电源的正极#xff0c;是低电平点亮。只要控制…LED数码管原理
LED数码管有两大类一类是共阴极接法另一类是共阳极接法共阴极就是各段的显示字码共用一个电源的负极是高电平点亮共阳极就是各段的显示字码共用一个电源的正极是低电平点亮。只要控制其中各段LED的亮灭即可显示相应的数字、字母或符号。 共阴和共阳极数码管的内部电路它们的发光原理是一样的只是它们的电源极性不同而已共阴为所有的LED负极接在一起共阳为所有的LED正极接在一起。 下图为1位数码管的共阴极和共阳极原理图
字符编码交互演示
演示效果 点击各段显示单元下方即可生成显示码按照从右到左从低到高的顺序
HTML代码
!DOCTYPE html
html langen
head
meta charsetutf-8/
meta nameviewport contentwidthdevice-width,initial-scale1/
title7段数码管/title
style
#msg {font:normal larger serif;}
/style
script
function init(){document.querySelector(svg #stroke).addEventListener(mousedown, function(evt){if(evt.button!0) return;var e evt.srcElement;if(e.tagName polygon || e.tagNamecircle){if(e.getAttribute(class)on) e.setAttribute(class, off);else e.setAttribute(class, on);evt.stopPropagation();evt.preventDefault();updatemsg();}});updatemsg();
}
function updatemsg(){var seg1 ;document.querySelectorAll(svg #stroke *).forEach(e{if(e.getAttribute(class)on) seg1 1 seg1;else seg1 0 seg1;});var seg2 ;for(var i0;i8;i){seg2 seg1[i]0? 1:0;}document.querySelector(#msg).innerHTML p共阳 seg2 HEX: 0x bin2hex(seg2) br共阴 seg1 HEX: 0x bin2hex(seg1)/p;
}function bin2hex(bin){var sparseInt(bin, 2).toString(16);if(s.length1) s0s;return s.toUpperCase();
}
window.onload init;
/script
/head
bodysvg version1.1 idLayer_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0pxwidth216px height288px viewBox0 0 432 576 xml:spacepreservestyle.label {font:italic 54px sans-serif;}polygon, circle {stroke:#333;stroke-width:2; stroke-miterlimit:10;opacity:.5;}.on {fill:#F33;}.off {fill:#EEE;stroke:#333;}text {cursor:default;user-select:none;}/styleggtext x151 y72 classlabela/texttext x270 y190 classlabelb/texttext x270 y421 classlabelc/texttext x151 y540 classlabeld/texttext x33 y421 classlabele/texttext x33 y191 classlabelf/texttext x151 y295 classlabelg/texttext x335 y527 classlabeldp/text /gg idstrokepolygon ida classoff points278,55 242,91 98,91 62,55 98,19 242,19/polygon idb classoff points287,64 323,100 323,244 287,280 251,244 251,100/polygon idc classoff points287,295 323,331 323,475 287,511 251,475 251,331/polygon idd classoff points278,520 242,556 98,556 62,520 98,484 242,484/polygon ide classoff points53,295 89,331 89,475 53,511 17,475 17,331/polygon idf classoff points53,64 89,100 89,244 53,280 17,244 17,100/polygon idg classoff points278,287 242,323 98,323 62,287 98,251 242,251/circle iddot classoff cx373 cy515 r41//g/g
/svg
div idmsg
/div
/body
/html
