ESP32 S3 - 74HC595 4-stellige 7-Segment-Anzeige

Erfahren Sie, wie Sie eine 74HC595 4-stellige 7-Segment-Anzeige mit Ihrem ESP32 S3 verbinden und Zahlen, Text und Sensorwerte mit nur drei GPIO-Pins anzeigen. Dieses einsteigerfreundliche Tutorial deckt alles ab – von der Verdrahtung und der Einrichtung der Bibliothek bis hin zu Digitaluhren, Temperaturanzeigen und Zählern.

Was Sie bauen werden:

  1. Eine funktionierende 4-stellige 7-Segment-Anzeige, die vom 74HC595-Schieberegister am ESP32 S3 angesteuert wird
  2. Anzeige von Ganzzahlen und Gleitkommazahlen mit optionalen führenden Nullen
  3. Eine Text- und Temperaturanzeige mit Gradsymbol und benutzerdefinierten Zeichen
  4. Eine Digitaluhr im Format HH.MM mit blinkendem Doppelpunkt als Trennzeichen
ESP32 S3 74HC595 4-stellige 7-Segment-Anzeige

Erforderliche Hardware

1×ESP32 S3 WROOM N16R8
1×(Alternativ) ESP32 S3 SuperMini Dev Module
1×(Alternativ) ESP32 S3 Uno-form Board
1×(Alternativ) ESP32 S3 Camera Board
1×USB-Kabel Typ-A zu Typ-C (für USB-A PC)
1×USB-Kabel Typ-C zu Typ-C (für USB-C PC)
1×74HC595 4-digit 7-segment Display
1×Verbindungskabel
1×(Empfohlen) Screw Terminal Expansion Board for ESP32 S3
1×(Empfohlen) Breakout Expansion Board for ESP32 S3
1×(Empfohlen) Power Splitter for ESP32 S3

Oder Sie können die folgenden Kits kaufen:

1×DIYables ESP32 S3 Starter-Kit (ESP32 S3 enthalten)
1×DIYables Sensor-Kit (18 Sensoren/Displays)
Offenlegung: Einige der in diesem Abschnitt bereitgestellten Links sind Amazon-Affiliate-Links. Wir können eine Provision für Käufe erhalten, die über diese Links getätigt werden, ohne zusätzliche Kosten für Sie. Wir schätzen Ihre Unterstützung.

Überblick über the 74HC595 4-Digit 7-Segment Display

Die 74HC595 4-stellige 7-Segment-Anzeige ist ein Seriell-Parallel-Schieberegistermodul, das vier LED-Ziffernanzeigen mit nur drei statt zwölf Steuerpins ansteuert. Es ist mit 3,3V-Logikpegeln kompatibel und damit ein idealer Partner für den ESP32 S3. Das Modul arbeitet mit gemeinsamer Anode und unterstützt die Ziffern 0–9, die Buchstaben A–F und eine Auswahl an Textzeichen sowie eingebaute Dezimalpunkte zwischen den Ziffern.

Wichtige Spezifikationen

Das Modul arbeitet mit 3,3V bis 5V und ist damit ohne Pegelwandlung vollständig mit dem 3,3V-Ausgang des ESP32 S3 kompatibel. Es verwendet den Schieberegister-IC 74HC595, um serielle Daten zu empfangen und sie über den Registertakt an die LED-Ausgänge zu übernehmen. Das Multiplexing über alle vier Ziffern übernimmt die DIYables-Bibliothek automatisch – Sie rufen print() auf und die Anzeige wird sofort aktualisiert. Jede Ziffer besteht aus sieben LED-Segmenten plus einem Dezimalpunkt und liefert Ihnen so die Bausteine für Zahlen, Buchstaben und Symbole.

Das Modul stellt fünf wichtige Pins bereit. SCLK (SH_CP) ist der serielle Taktpin, der die Datenbits einzeln in das Schieberegister taktet. RCLK (ST_CP) ist der Registertaktpin, der die geschobenen Daten an die LED-Ausgänge übernimmt. DIO (DS) ist der Dateneingangspin, der den seriellen Datenstrom empfängt. VCC wird mit Ihrer 3,3V-Versorgung verbunden und GND mit der gemeinsamen Masse.

Verdrahtungsdiagramm

Verbinden Sie das 74HC595-Anzeigemodul über die unten beschriebene Fünf-Pin-Schnittstelle mit Ihrem ESP32 S3.

Der ESP32 S3 arbeitet mit 3,3V-Logikpegeln, und das 74HC595-Modul funktioniert bei dieser Spannung einwandfrei, sodass keine Pegelwandlung erforderlich ist. Überprüfen Sie vor dem Einschalten die Polarität von VCC und GND, um eine Beschädigung des Moduls zu vermeiden.

Sicherheitshinweise

Verbinden Sie VCC nicht mit 5V, es sei denn, Ihr Modul verfügt über eingebaute Pegelwandler, da mehr als 3,3V auf den Datenleitungen die GPIO-Pins des ESP32 S3 beschädigen können. Achten Sie darauf, dass alle Jumper-Kabel fest sitzen – lockere Verbindungen verursachen Flackern oder leere Ziffern und sind schwer zu finden. Stellen Sie immer sicher, dass GND des Anzeigemoduls mit GND des ESP32 S3 verbunden ist, um eine gemeinsame Masse zu bilden.

Anzeige-Pin ESP32 S3 Pin
SCLK (SH_CP) GPIO12
RCLK (ST_CP) GPIO17
DIO (DS) GPIO18
VCC 3.3V
GND GND
Schaltplan ESP32 S3 74HC595 4-stellige 7-Segment-Anzeige

Dieses Bild wurde mit Fritzing erstellt. Klicken Sie, um das Bild zu vergrößern.

Einrichtung der Bibliothek

Die Bibliothek DIYables_4Digit7Segment_74HC595 abstrahiert das gesamte Timing des Schieberegisters und das Multiplexing der Anzeige, sodass Sie sich darauf konzentrieren können, was angezeigt werden soll, statt wie die Hardware angesteuert wird. Installieren Sie sie über den Bibliotheksverwalter der Arduino IDE, bevor Sie einen der Workshop-Sketches hochladen.

Die folgenden Schritte führen Sie durch die Installation:

  1. Neu beim ESP32 S3? Arbeiten Sie zuerst unsere Anleitung Erste Schritte mit dem ESP32 S3 durch, um Ihre Entwicklungsumgebung einzurichten.
  2. Verbinden Sie Ihren ESP32 S3 über das USB-C-Kabel mit Ihrem Computer.
  3. Öffnen Sie die Arduino IDE auf Ihrem Computer.
  4. Wählen Sie ESP32 S3 aus der Board-Liste.
  5. Wählen Sie den richtigen COM-Port für Ihren ESP32 S3.
  6. Klicken Sie auf das Symbol Libraries in der linken Seitenleiste, um den Bibliotheksverwalter zu öffnen.
  7. Geben Sie "DIYables_4Digit7Segment_74HC595" in das Suchfeld ein.
  8. Suchen Sie den DIYables-Eintrag und klicken Sie auf Install.
  9. Wählen Sie Version 2.0.0 oder neuer für die beste Kompatibilität.
ESP32 S3 74HC595 4-stellige 7-Segment-Anzeige Bibliothek

Einstiegs-Sketch

Der folgende Code ist das Minimum, um Ihre 74HC595 4-stellige Anzeige mit dem ESP32 S3 zum Laufen zu bringen. Er initialisiert die Anzeige und zeigt die Zahl 1234, sobald das Board startet. Der Aufruf display.loop() in der Hauptschleife hält das Multiplexing am Laufen, damit die Ziffern dauerhaft leuchten.

#include <DIYables_4Digit7Segment_74HC595.h> #define SCLK_PIN 12 #define RCLK_PIN 17 #define DIO_PIN 18 DIYables_4Digit7Segment_74HC595 display(SCLK_PIN, RCLK_PIN, DIO_PIN); void setup() { display.begin(); display.print(1234); } void loop() { display.loop(); }

display.begin() konfiguriert die drei GPIO-Pins als Ausgänge und bereitet das Schieberegister auf die Kommunikation vor. Da die Anzeige per Multiplexing jeweils eine Ziffer in schneller Folge aufleuchten lässt, muss display.loop() so oft wie möglich aufgerufen werden – verwenden Sie display.delay() statt des normalen delay(), wo immer Sie eine Pause benötigen, damit die Anzeige während der Wartezeit aktualisiert bleibt.

Workshop - Ganzzahlen anzeigen

Dieser Workshop zeigt, wie Sie Ganzzahlen auf der 74HC595 4-stelligen 7-Segment-Anzeige am ESP32 S3 darstellen, einschließlich negativer Zahlen und Ausgabe mit führenden Nullen.

/* * Dieser ESP32 S3 Code wurde von newbiely.de entwickelt * Dieser ESP32 S3 Code wird der Öffentlichkeit ohne jegliche Einschränkung zur Verfügung gestellt. * Für vollständige Anleitungen und Schaltpläne besuchen Sie bitte: * https://newbiely.de/tutorials/esp32-s3/esp32-s3-74hc595-4-digit-7-segment-display */ #include <DIYables_4Digit7Segment_74HC595.h> // Pin configuration - change these to match your wiring #define SCLK_PIN 12 // The ESP32 S3 pin connected to the Serial clock pin of 7-segment display #define RCLK_PIN 17 // The ESP32 S3 pin connected to the Register clock / latch pin of 7-segment display #define DIO_PIN 18 // The ESP32 S3 pin connected to the Data (DS) pin of 7-segment display DIYables_4Digit7Segment_74HC595 display(SCLK_PIN, RCLK_PIN, DIO_PIN); int numbers[] = {0, 42, 1234, -5, -123, 9999}; int numCount = 6; int currentIndex = 0; bool showZeroPad = false; unsigned long lastChange = 0; void setup() { Serial.begin(115200); display.begin(); Serial.println("4-Digit 7-Segment 74HC595 - Integer Example"); } void loop() { display.loop(); // Must be called frequently to refresh the display if (millis() - lastChange >= 2000) { lastChange = millis(); if (!showZeroPad) { display.print(numbers[currentIndex]); Serial.print("Displaying: "); Serial.println(numbers[currentIndex]); currentIndex++; if (currentIndex >= numCount) { currentIndex = 0; showZeroPad = true; } } else { display.print(42, true); // Shows "0042" Serial.println("Displaying: 0042 (zero-padded)"); showZeroPad = false; } } }

Schnelle Schritte

  1. Neu beim ESP32 S3? Arbeiten Sie zuerst unsere Anleitung Erste Schritte mit dem ESP32 S3 durch.
  2. Verdrahten Sie das 74HC595-Modul gemäß dem obigen Schaltplan mit Ihrem ESP32 S3.
  3. Verbinden Sie den ESP32 S3 über ein USB-C-Kabel mit Ihrem Computer.
  4. Öffnen Sie die Arduino IDE und wählen Sie das ESP32 S3 Board und den richtigen COM-Port.
  5. Kopieren Sie den Code für die Ganzzahlanzeige und fügen Sie ihn in die Arduino IDE ein.
  6. Klicken Sie auf die Schaltfläche Upload, um den Code auf Ihr Board zu übertragen.
  7. Öffnen Sie den Seriellen Monitor, um die Ausgabemeldungen zu sehen.
  8. Beobachten Sie, wie die 7-Segment-Anzeige verschiedene Ganzzahlen durchläuft.
  9. Profi-Tipp: Der zweite Parameter in print(42, true) aktiviert führende Nullen für eine Anzeige mit konstanter Breite.

Ausgabe des Seriellen Monitors

∞
Newbiely | Arduino IDE 2.3.8
──
☐
✕
File
Edit
Sketch
Tools
Help
ESP32S3 Dev Module
Newbiely.ino
···
8 Serial.println("Hello World!");
Output
Serial Monitor
Message (Enter to send message to 'ESP32S3 Dev Module' on 'COM15')
New Line
9600 baud
[2026-06-16 10:23:45] Displaying: 0 [2026-06-16 10:23:47] Displaying: 42 [2026-06-16 10:23:49] Displaying: 1234 [2026-06-16 10:23:51] Displaying: -5
Ln 11, Col 1
ESP32S3 Dev Module on COM15
2

Die Anzeige durchläuft verschiedene Ganzzahlen, darunter Null, positive Zahlen, negative Zahlen und das Format mit führenden Nullen.

Methodenreferenz

Methode Aktion Syntax
print(int) Eine Ganzzahl anzeigen display.print(1234)
print(int, true) Ganzzahl mit führenden Nullen anzeigen display.print(42, true)
loop() Multiplexing der Anzeige aktualisieren display.loop()
begin() Anzeige-Pins initialisieren display.begin()

Workshop - Gleitkommazahlen anzeigen

Dieser Workshop zeigt die Anzeige von Gleitkommazahlen auf Ihrem ESP32 S3 mit automatischer und fester Anzahl an Nachkommastellen.

/* * Dieser ESP32 S3 Code wurde von newbiely.de entwickelt * Dieser ESP32 S3 Code wird der Öffentlichkeit ohne jegliche Einschränkung zur Verfügung gestellt. * Für vollständige Anleitungen und Schaltpläne besuchen Sie bitte: * https://newbiely.de/tutorials/esp32-s3/esp32-s3-74hc595-4-digit-7-segment-display */ #include <DIYables_4Digit7Segment_74HC595.h> // Pin configuration - change these to match your wiring #define SCLK_PIN 12 // The ESP32 S3 pin connected to the Serial clock pin of 7-segment display #define RCLK_PIN 17 // The ESP32 S3 pin connected to the Register clock / latch pin of 7-segment display #define DIO_PIN 18 // The ESP32 S3 pin connected to the Data (DS) pin of 7-segment display DIYables_4Digit7Segment_74HC595 display(SCLK_PIN, RCLK_PIN, DIO_PIN); void setup() { Serial.begin(115200); display.begin(); Serial.println("4-Digit 7-Segment 74HC595 - Float Example"); } void loop() { // Auto decimal placement display.print(1.5); // Shows " 1.5" Serial.println("Auto decimal: 1.5"); display.delay(2000); display.print(12.34); // Shows "12.34" Serial.println("Auto decimal: 12.34"); display.delay(2000); display.print(3.141); // Shows "3.141" Serial.println("Auto decimal: 3.141"); display.delay(2000); display.print(-1.2); // Shows "-1.20" Serial.println("Auto decimal: -1.20"); display.delay(2000); display.print(0.5); // Shows " 0.5" Serial.println("Auto decimal: 0.5"); display.delay(2000); // Fixed decimal places display.print(23.5, 1); // 1 decimal place: shows "23.5" Serial.println("1 decimal place: 23.5"); display.delay(2000); display.print(1.5, 2); // 2 decimal places: shows "1.50" Serial.println("2 decimal places: 1.50"); display.delay(2000); // Zero-padded display.print(1.5, 2, true); // Shows "01.50" Serial.println("2 decimal places, zero-padded: 01.50"); display.delay(2000); }

Schnelle Schritte

  1. Neu beim ESP32 S3? Arbeiten Sie zuerst unsere Anleitung Erste Schritte mit dem ESP32 S3 durch.
  2. Kopieren Sie den Code für die Gleitkommaanzeige und laden Sie ihn auf Ihren ESP32 S3 hoch.
  3. Öffnen Sie den Seriellen Monitor, um zu sehen, was angezeigt wird.
  4. Beobachten Sie, wie die Anzeige Gleitkommazahlen mit unterschiedlichen Nachkommastellen durchläuft.
  5. Achten Sie darauf, wie sich die automatische Nachkommastelle anpasst, im Vergleich zu einer festen Anzahl.
  6. Profi-Tipp: Verwenden Sie feste Nachkommastellen für gleichmäßige Sensorwerte wie Temperatur oder Spannung.

Ausgabe des Seriellen Monitors

∞
Newbiely | Arduino IDE 2.3.8
──
☐
✕
File
Edit
Sketch
Tools
Help
ESP32S3 Dev Module
Newbiely.ino
···
8 Serial.println("Hello World!");
Output
Serial Monitor
Message (Enter to send message to 'ESP32S3 Dev Module' on 'COM15')
New Line
9600 baud
[2026-06-16 11:15:22] Displaying: 3.14 (auto decimal) [2026-06-16 11:15:24] Displaying: 98.6 (auto decimal) [2026-06-16 11:15:26] Displaying: 3.1 (1 decimal) [2026-06-16 11:15:28] Displaying: 3.14 (2 decimals)
Ln 11, Col 1
ESP32S3 Dev Module on COM15
2

Workshop - Text und Temperatur

Dieser Workshop zeigt, wie Sie Textzeichenfolgen, Temperaturwerte mit Gradsymbol und benutzerdefinierte Zeichen auf der 7-Segment-Anzeige am ESP32 S3 darstellen.

/* * Dieser ESP32 S3 Code wurde von newbiely.de entwickelt * Dieser ESP32 S3 Code wird der Öffentlichkeit ohne jegliche Einschränkung zur Verfügung gestellt. * Für vollständige Anleitungen und Schaltpläne besuchen Sie bitte: * https://newbiely.de/tutorials/esp32-s3/esp32-s3-74hc595-4-digit-7-segment-display */ #include <DIYables_4Digit7Segment_74HC595.h> // Pin configuration - change these to match your wiring #define SCLK_PIN 12 // The ESP32 S3 pin connected to the Serial clock pin of 7-segment display #define RCLK_PIN 17 // The ESP32 S3 pin connected to the Register clock / latch pin of 7-segment display #define DIO_PIN 18 // The ESP32 S3 pin connected to the Data (DS) pin of 7-segment display DIYables_4Digit7Segment_74HC595 display(SCLK_PIN, RCLK_PIN, DIO_PIN); const char* texts[] = {"HELP", "Hi", "COOL", "done"}; int textCount = 4; int currentIndex = 0; int phase = 0; unsigned long lastChange = 0; void setup() { Serial.begin(115200); display.begin(); Serial.println("4-Digit 7-Segment 74HC595 - Text and Degree Example"); } void loop() { display.loop(); // Must be called frequently to refresh the display if (millis() - lastChange >= 2000) { lastChange = millis(); if (phase == 0) { // Display text strings display.print(texts[currentIndex]); Serial.print("Text: "); Serial.println(texts[currentIndex]); currentIndex++; if (currentIndex >= textCount) { currentIndex = 0; phase = 1; } } else if (phase == 1) { // Display temperature 25 degrees C display.printTemperature(25, 'C'); Serial.println("Temperature: 25 C"); phase = 2; } else if (phase == 2) { // Display temperature 72 degrees F display.printTemperature(72, 'F'); Serial.println("Temperature: 72 F"); phase = 3; } else if (phase == 3) { // Display degree symbol using string with DEGREE_CHAR constant char degStr[5]; degStr[0] = '2'; degStr[1] = '5'; degStr[2] = DEGREE_CHAR; degStr[3] = 'C'; degStr[4] = '\0'; display.print(degStr); Serial.println("String with degree: 25 deg C"); phase = 4; } else { // Display string with dots display.print("1.2.3.4"); Serial.println("Dots: 1.2.3.4"); phase = 0; } } }

Schnelle Schritte

  1. Neu beim ESP32 S3? Arbeiten Sie zuerst unsere Anleitung Erste Schritte mit dem ESP32 S3 durch.
  2. Übertragen Sie den Text- und Temperaturcode auf Ihren ESP32 S3.
  3. Öffnen Sie den Seriellen Monitor, um zu verfolgen, welcher Text und welche Symbole angezeigt werden.
  4. Beobachten Sie, wie Buchstaben auf der 7-Segment-Anzeige erscheinen.
  5. Beachten Sie den kleinen Gradkreis, der für Temperaturanzeigen verwendet wird.
  6. Profi-Tipp: Nicht alle Buchstaben lassen sich auf einer 7-Segment-Anzeige gut darstellen – bleiben Sie für die besten Ergebnisse bei Zahlen und Zeichen wie H, E, L, P, C und O.

Ausgabe des Seriellen Monitors

∞
Newbiely | Arduino IDE 2.3.8
──
☐
✕
File
Edit
Sketch
Tools
Help
ESP32S3 Dev Module
Newbiely.ino
···
8 Serial.println("Hello World!");
Output
Serial Monitor
Message (Enter to send message to 'ESP32S3 Dev Module' on 'COM15')
New Line
9600 baud
[2026-06-16 12:30:18] Displaying: HELP [2026-06-16 12:30:20] Displaying: Hi [2026-06-16 12:30:24] Displaying: 72°F (temperature) [2026-06-16 12:30:26] Displaying: 22°C (temperature)
Ln 11, Col 1
ESP32S3 Dev Module on COM15
2

Workshop - Uhrzeit

Dieser Workshop zeigt, wie Sie auf Ihrem ESP32 S3 eine Digitaluhranzeige im Format HH.MM mit blinkendem Doppelpunkt erstellen.

/* * Dieser ESP32 S3 Code wurde von newbiely.de entwickelt * Dieser ESP32 S3 Code wird der Öffentlichkeit ohne jegliche Einschränkung zur Verfügung gestellt. * Für vollständige Anleitungen und Schaltpläne besuchen Sie bitte: * https://newbiely.de/tutorials/esp32-s3/esp32-s3-74hc595-4-digit-7-segment-display */ #include <DIYables_4Digit7Segment_74HC595.h> // Pin configuration - change these to match your wiring #define SCLK_PIN 12 // The ESP32 S3 pin connected to the Serial clock pin of 7-segment display #define RCLK_PIN 17 // The ESP32 S3 pin connected to the Register clock / latch pin of 7-segment display #define DIO_PIN 18 // The ESP32 S3 pin connected to the Data (DS) pin of 7-segment display DIYables_4Digit7Segment_74HC595 display(SCLK_PIN, RCLK_PIN, DIO_PIN); int hours = 12; int minutes = 30; bool colonOn = true; unsigned long lastToggle = 0; void setup() { Serial.begin(115200); display.begin(); Serial.println("4-Digit 7-Segment 74HC595 - Time Example"); Serial.println("Displaying 12:30 with blinking dot separator"); } void loop() { display.loop(); // Must be called frequently to refresh the display if (millis() - lastToggle >= 500) { lastToggle = millis(); display.printTime(hours, minutes, colonOn); colonOn = !colonOn; // Toggle dot separator every 500ms for blinking effect } }

Schnelle Schritte

  1. Neu beim ESP32 S3? Arbeiten Sie zuerst unsere Anleitung Erste Schritte mit dem ESP32 S3 durch.
  2. Übertragen Sie den Code für die Zeitanzeige auf Ihren ESP32 S3.
  3. Öffnen Sie den Seriellen Monitor, um die Zeitstempel-Aktualisierungen zu sehen.
  4. Beobachten Sie, wie die Anzeige die Uhrzeit im Format HH.MM mit blinkendem Trennzeichen darstellt.
  5. Profi-Tipp: Kombinieren Sie dies mit einem RTC-Modul für ein voll funktionsfähiges Uhrenprojekt.

Ausgabe des Seriellen Monitors

∞
Newbiely | Arduino IDE 2.3.8
──
☐
✕
File
Edit
Sketch
Tools
Help
ESP32S3 Dev Module
Newbiely.ino
···
8 Serial.println("Hello World!");
Output
Serial Monitor
Message (Enter to send message to 'ESP32S3 Dev Module' on 'COM15')
New Line
9600 baud
[2026-06-16 14:45:10] Displaying: 12.30 (dot ON) [2026-06-16 14:45:10] Displaying: 12 30 (dot OFF) [2026-06-16 14:45:11] Displaying: 12.30 (dot ON) [2026-06-16 14:45:11] Displaying: 12 30 (dot OFF)
Ln 11, Col 1
ESP32S3 Dev Module on COM15
2

Workshop - Blinken

Dieser Workshop zeigt, wie Sie den gesamten Anzeigeinhalt an Ihrem ESP32 S3 ein- und ausblinken lassen, um Aufmerksamkeit zu erregen.

/* * Dieser ESP32 S3 Code wurde von newbiely.de entwickelt * Dieser ESP32 S3 Code wird der Öffentlichkeit ohne jegliche Einschränkung zur Verfügung gestellt. * Für vollständige Anleitungen und Schaltpläne besuchen Sie bitte: * https://newbiely.de/tutorials/esp32-s3/esp32-s3-74hc595-4-digit-7-segment-display */ #include <DIYables_4Digit7Segment_74HC595.h> // Pin configuration - change these to match your wiring #define SCLK_PIN 12 // The ESP32 S3 pin connected to the Serial clock pin of 7-segment display #define RCLK_PIN 17 // The ESP32 S3 pin connected to the Register clock / latch pin of 7-segment display #define DIO_PIN 18 // The ESP32 S3 pin connected to the Data (DS) pin of 7-segment display DIYables_4Digit7Segment_74HC595 display(SCLK_PIN, RCLK_PIN, DIO_PIN); // States: 0 = blink int, 1 = blink float, 2 = blink text int phase = 0; int blinkCount = 0; bool isOn = true; unsigned long lastAction = 0; unsigned long pauseUntil = 0; void setup() { Serial.begin(115200); display.begin(); Serial.println("4-Digit 7-Segment 74HC595 - Blink Example"); display.print(1234); Serial.println("Blinking: 1234"); } void loop() { display.loop(); // Must be called frequently to refresh the display unsigned long now = millis(); // Pause between phases if (now < pauseUntil) return; if (now - lastAction >= 300) { lastAction = now; if (isOn) { display.off(); isOn = false; } else { display.on(); isOn = true; blinkCount++; if (blinkCount >= 5) { blinkCount = 0; pauseUntil = now + 1000; phase++; if (phase > 2) phase = 0; switch (phase) { case 0: display.print(1234); Serial.println("Blinking: 1234"); break; case 1: display.print(12.34); Serial.println("Blinking: 12.34"); break; case 2: display.print("HELP"); Serial.println("Blinking: HELP"); break; } } } } }

Schnelle Schritte

  1. Neu beim ESP32 S3? Arbeiten Sie zuerst unsere Anleitung Erste Schritte mit dem ESP32 S3 durch.
  2. Übertragen Sie den Blink-Democode auf Ihren ESP32 S3.
  3. Öffnen Sie den Seriellen Monitor, um die Blinkzyklen und Inhaltswechsel zu verfolgen.
  4. Beobachten Sie, wie Zahlen, Dezimalzahlen und Text ein- und ausblinken.
  5. Beachten Sie, dass jeder Inhaltstyp fünfmal blinkt, bevor gewechselt wird.
  6. Profi-Tipp: Nutzen Sie das Blinken, um in Ihren Projekten auf Alarmzustände oder wichtige Meldungen aufmerksam zu machen.

Ausgabe des Seriellen Monitors

∞
Newbiely | Arduino IDE 2.3.8
──
☐
✕
File
Edit
Sketch
Tools
Help
ESP32S3 Dev Module
Newbiely.ino
···
8 Serial.println("Hello World!");
Output
Serial Monitor
Message (Enter to send message to 'ESP32S3 Dev Module' on 'COM15')
New Line
9600 baud
[2026-06-16 15:20:05] Blinking: 1234 (cycle 1/5) [2026-06-16 15:20:06] Blinking: 1234 (cycle 2/5) [2026-06-16 15:20:08] Blinking: 12.34 (cycle 1/5) [2026-06-16 15:20:10] Blinking: HELP (cycle 1/5)
Ln 11, Col 1
ESP32S3 Dev Module on COM15
2

Fehlerbehebung

Häufige Probleme bei der Verwendung der 74HC595 4-stelligen 7-Segment-Anzeige mit dem ESP32 S3 und ihre Lösungen:

Problem Mögliche Ursache Lösung
Anzeige leer Verdrahtungsproblem VCC, GND und alle drei Datenpin-Verbindungen prüfen
Anzeige leer Stromversorgungsproblem Mit einem Multimeter prüfen, ob 3,3V am VCC-Pin anliegen
Falsche Zeichen Anode/Kathode vertauscht Bei Modulen mit gemeinsamer Kathode false als 4. Parameter an den Konstruktor übergeben
Flackernde Anzeige delay() blockiert loop() Alle delay()-Aufrufe durch display.delay() ersetzen, um das Multiplexing aufrechtzuerhalten
Zufällige Segmente Lockere Verdrahtung Jumper-Kabel sicher befestigen und auf Kurzschlüsse prüfen
Schwache Anzeige Niedrige Spannung Für eine stabile 3,3V-Versorgung am VCC-Pin sorgen
Hochladen schlägt fehl Board im falschen Modus BOOT-Taste gedrückt halten, RESET drücken und erneut hochladen
Keine serielle Ausgabe Falsche Baudrate Seriellen Monitor auf 115200 Baud einstellen, passend zum Code
Code lässt sich nicht kompilieren Bibliothek nicht installiert Bibliothek DIYables_4Digit7Segment_74HC595 ab Version 2.0.0 installieren
Port nicht gefunden Treiberproblem Den passenden USB-Treiber für den ESP32 S3 installieren

Anwendungen und Projektideen

Der ESP32 S3 in Kombination mit einer 74HC595 4-stelligen Anzeige eröffnet eine große Auswahl an praktischen und unterhaltsamen Projekten – von einfachen Zählern bis hin zu WLAN-fähigen Messgeräten.

  1. Digitales Thermometer: Zeigen Sie die Raumtemperatur von einem DHT11- oder DS18B20-Sensor mit Gradsymbol an.
  2. Countdown-Timer: Erstellen Sie einen Küchentimer oder einen Countdown für Veranstaltungen mit Stunden und Minuten.
  3. Punktezähler: Bauen Sie eine einfache Anzeigetafel für Spiele oder Wettbewerbe.
  4. Stoppuhr: Bauen Sie eine digitale Stoppuhr mit Zwischenzeitfunktion.
  5. Spannungsmesser: Überwachen Sie die Batteriespannung oder Netzteilpegel in Echtzeit.
  6. Besucherzähler: Zählen Sie mit einem IR-Sensor Personen, die durch eine Tür gehen.
  7. Drehzahlanzeige: Zeigen Sie die Motordrehzahl für Robotik- oder RC-Projekte an.
  8. Uhr mit WLAN-Synchronisation: Bauen Sie eine NTP-synchronisierte Uhr mit dem eingebauten WLAN des ESP32 S3.
  9. Rundenzeitmesser: Erfassen Sie Rundenzeiten für Slotcar-Rennen oder beim Laufen.
  10. Temperaturalarm: Zeigen Sie die Temperatur an und lassen Sie die Anzeige blinken, wenn ein Grenzwert überschritten wird.

Video Tutorial

Sehen Sie sich unten die Schritt-für-Schritt-Videoanleitung für dieses ESP32 S3 Projekt an.

Fordern Sie sich heraus

Sobald die Grundlagen funktionieren, helfen Ihnen diese aufeinander aufbauenden Herausforderungen, Ihr Verständnis der 74HC595-Anzeige und der Fähigkeiten des ESP32 S3 zu vertiefen.

  1. Einsteiger: Ändern Sie den Ganzzahl-Workshop so, dass er fortlaufend im Sekundentakt von 0 bis 9999 zählt.
  2. Einsteiger: Zeigen Sie Ihr Alter oder Geburtsjahr mit aktivierten führenden Nullen auf dem Display an.
  3. Fortgeschritten: Erstellen Sie einen Zähler mit zwei Tastern – einer erhöht und einer verringert den angezeigten Wert.
  4. Fortgeschritten: Bauen Sie eine Temperaturanzeige, die alle drei Sekunden zwischen Celsius und Fahrenheit wechselt.
  5. Experte: Bauen Sie eine WLAN-Uhr, die die aktuelle Uhrzeit von einem NTP-Server abruft und im Format HH.MM mit blinkendem Doppelpunkt anzeigt.
  6. Experte: Erstellen Sie einen Countdown-Timer, der Eingaben über den Seriellen Monitor entgegennimmt und bei Null einen Summer ertönen lässt.

※ UNSERE NACHRICHTEN

  • Sie können gerne den Link zu diesem Tutorial teilen. Bitte verwenden Sie jedoch unsere Inhalte nicht auf anderen Websites. Wir haben viel Mühe und Zeit in die Erstellung der Inhalte investiert, bitte respektieren Sie unsere Arbeit!