Arduino LED - Hold Button 3s to Turn ON and 3s to Turn OFF

Photo of Ron

Made by Ron

About the project

In this project we will learn how to to Turn the LED ON or OFF by pressing a button for 3s. Watch the Video!

Project info

Difficulty: Easy

Platforms: DFRobotVisuino

Estimated time: 1 hour

License: GNU General Public License, version 3 or later (GPL3+)

Items used in this project

Hardware components

Jumper wires (generic) Jumper wires (generic) x 1
Arduino UNO Arduino UNO x 1
LED (generic) LED (generic) x 1
DFRobot Gravity:Digital Push Button (Yellow) DFRobot Gravity:Digital Push Button (Yellow) x 1

Software apps and online services

Visuino Visuino
Arduino IDE Arduino IDE

Story



In this project we will learn how to to Turn the LED ON or OFF by pressing a button for 3s.

Watch the Video!

Step 1: What You Will Need

1 / 5

  • Arduino UNO (or any other Arduino)
  • Button module
  • 200 ohm resistor
  • Jumper wires
  • LED
  • Visuino program: Download Visuino

Step 2: The Circuit


  • Connect Button1 pin [VCC] to Arduino positive pin[5V]
  • Connect Button1 pin [GND] to Arduino negative pin[GND]
  • Connect Button1 signal pin [S] to Arduino digital pin[4]
  • Connect LED positive pin [+] to 200 ohm resistor
  • Connect other side of the 200 ohm resistor to Arduino digital pin[11]
  • Connect LED negative pin [ - ] to Arduino negative pin[GND]

Step 3: Start Visuino, and Select the Arduino UNO Board Type

1 / 2

The Visuino: https://www.visuino.eu also needs to be installed. Download Free version or register for a Free Trial.

Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "Arduino UNO" as shown on Picture 2

Step 4: In Visuino Add & Set Components

1 / 7

  • Add "Clock Generator" component
  • Add "Counter" component
  • Add "Compare Integer Value" component
  • Add "Toggle(T) Flip-Flop" component
  • Select "ClockGenerator1" and in the properties window click on the "Enabled" pin icon and select "Boolean SinkPin"
  • Select "Counter1" and in the properties set Max>Value to 3 and Min>Value to 0
  • Select "CompareValue1" and in the properties set Value to 3, Only Changed to False, Compare Type to ctBiggerOrEqual

Step 5: In Visuino Connect Components

1 / 3

  • Connect Arduino digital pin [4] to Counter1 pin [Reset] and ClockGenerator1 pin[Enabled]
  • Connect ClockGenerator1 pin [Out] to Counter1 pin [In]
  • Connect Counter1 pin [Out] to CompareValue1 pin [In]
  • Connect CompareValue1 pin [Out] to TFlipFlop1 pin [Clock]
  • Connect TFlipFlop1 pin [Out] to Arduino Digital pin [11]

Step 6: Generate, Compile, and Upload the Arduino Code

In Visuino, at the bottom click on the "Build" Tab, make sure the correct port is selected, then click on the "Compile/Build and Upload" button.

Step 7: Play

If you power the Arduino module, and Hold the button for 3s the LED will turn ON, if you again Hold the button for 3s the LED will turn OFF.

Congratulations! You have completed your project with Visuino. Also attached is the Visuino project, that I created for this tutorial, you can download it and open it in Visuino: https://www.visuino.eu

Schematics, diagrams and documents

Visuino File

Code

Visuino File

Credits

Photo of Ron

Ron

Arduino Developer

   

Leave your feedback...