DEV Community

Play Button Pause Button

🌍Countdown Timer/Pomodoro (JS + CSS) [YouTube LIVE]

eleftheriabatsou profile image Eleftheria Batsou ・1 min read

⬇️ In this video we will code a countdown timer, similar to Pomodoro clocks. You can schedule your own break, watch the countdown and also the time you have to return, or you can choose time/break by the predefined buttons.

Working project:
Video tutorial:

P.S. OMG, I found what was wrong at the end of the video...
check out the first 4 lines of JS, it should be:

let countdown;
const timerDisplay = document.querySelector('.display_time-left');
const endTime = document.querySelector('.display
const buttons = document.querySelectorAll('[data-time]');

The inspiration for this project is coming by javascript30.

👋Hello, I' m Eleftheria, an app developer, master student, public speaker, and chocolate lover.

🍩Would you care about buying me a coffee? You can do it here: but If you can't that's ok too!

🙏It would be nice to subscribe to my Youtube channel. It’s free and it helps to create more content.

🌈Youtube | Codepen | GitHub | Twitter | Site | Instagram


Editor guide