共阳(共阴)LED数码管编码交互演示

最新推荐文章于 2023-05-22 17:42:56 发布

方工

最新推荐文章于 2023-05-22 17:42:56 发布

阅读量2.2k

点赞数

分类专栏： HTML 文章标签：数码管演示 HTML

本文链接：https://blog.csdn.net/onestab/article/details/130171443

版权

LED数码管原理

LED数码管有两大类，一类是共阴极接法，另一类是共阳极接法，共阴极就是各段的显示字码共用一个电源的负极，是高电平点亮，共阳极就是各段的显示字码共用一个电源的正极，是低电平点亮。只要控制其中各段LED的亮灭即可显示相应的数字、字母或符号。
共阴和共阳极数码管的内部电路，它们的发光原理是一样的，只是它们的电源极性不同而已，共阴为所有的LED负极接在一起，共阳为所有的LED正极接在一起。
下图为1位数码管的共阴极和共阳极原理图：
数码管引脚编号与显示原理

字符编码交互演示

演示效果点击各段显示单元，下方即可生成显示码，按照从右到左，从低到高的顺序

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>7段数码管</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.tagName=='circle'){
     
      if(e.getAttribute('class')=="on") e.setAttribute('class', "off");
      else e.setAttribute('class', "on");
      evt.stopPropagation();
      evt.preventDefault();
      updatemsg

最低0.47元/天解锁文章

方工

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
共阳(共阴)LED数码管编码交互演示

LED数码管有两大类，一类是共阴极接法，另一类是共阳极接法，共阴极就是7段的显示字码共用一个电源的负极，是高电平点亮，共阳极就是7段的显示字码共用一个电源的正极，是低电平点亮。只要控制其中各段LED的亮灭即可显示相应的数字、字母或符号。共阴和共阳极数码管的内部电路，它们的发光原理是一样的，只是它们的电源极性不同而已。
复制链接

扫一扫

专栏目录