Countdown Timer | Javascript Beginner Project Tutorial

Поділитися
Вставка
  • Опубліковано 26 сер 2024
  • 📌 In this episode we will learn how to create a Countdown Timer with html, css and javascript.
    📢 Subscribe if you want more Javascript Beginner Project Tutorials
    👍 Leave a like if you enjoyed it
    📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below.
    🕹 For the Demo visit:
    🔗 /
    ⚜ For the Source Code and other Javascript Beginner Projects visit my GitHub Page: ⚜
    ▶️ github.com/lea...
    🔽🔽🔽🔽📋 Here is the List of all my Javascript Beginner Project Tutorials:🔽🔽🔽🔽
    ➡️ 1. Change Background Color on click:
    🔗 • Change Background colo...
    ➡️ 2. Change Image on Click
    🔗 • Change Image on a clic...
    ➡️ 3. Word Length Calculator
    🔗 • Word Length Calculator...
    ➡️ 4. Simple Counter
    🔗 • Simple Counter | Javas...
    ➡️ 5. Random Quote Generator
    🔗 • Random Quote Generator...
    ➡️ 6. Number Guessing Game
    🔗 • Number Guessing Game |...
    ➡️ 7. Show Day of the Week
    🔗 • Number Guessing Game |...
    ➡️ 8. Height Converter
    🔗 • Meter to Feet Converte...
    ➡️ 9. Weight Converter
    🔗 • Weight Converter | Jav...
    ➡️ 10. BMI Calculator
    🔗 • BMI Calculator | Javas...
    📼 Full Playlist with all Javascript Tutorials:
    🔗 bit.ly/2RbwdWz
    #javascript #beginner #projects #tutorial #html #css #coding #sourcecode #cssgrid #cssflexbox #code #webdevelopment #frontend #dev #countdowntimer

КОМЕНТАРІ • 26

  • @CodePhilipYT
    @CodePhilipYT  4 роки тому +3

    ❤️ Leave a like and subscribe if this video helped you, also give me feedback and suggestions for more projects! ❤️
    ▶️ For the Source Code and more Tutorials take a look in the description
    ⏱ Timestamps:
    HTML Part:
    0:50
    CSS Part:
    4:50
    Javascript Part:
    9:13

  • @shaikhmuhammad2005
    @shaikhmuhammad2005 3 роки тому +7

    25:29 easy fix: else if (h.value != 0 && m.value == 0 && s.value == 0) {
    m.value = 59;
    s.value = 59;
    h.value--;
    }
    Awesome and simple tutorial. Thanks!

    • @lukekoletsios3236
      @lukekoletsios3236 Рік тому +1

      I've only been coding for a couple weeks and I'm proud I got it right the first time lol.

  • @BenjaminSwenson
    @BenjaminSwenson 2 роки тому +2

    awesome video. I like the pace and the clear explanations. It helped me a lot

  • @botirjonjumaqulov1546
    @botirjonjumaqulov1546 Рік тому +1

    Cool 👍😉😊

  • @kolyxix
    @kolyxix 3 роки тому

    Thanks very much, I have been looking for this kind of tutorial for a while. God Bless you and keep up the good work.

  • @TheMonjaMonja
    @TheMonjaMonja 3 роки тому +1

    1:56 ;) anyway thanks for the tutorial!

  • @marytmurray6701
    @marytmurray6701 3 роки тому +1

    The countdown timer in JavaScript works and announces result when active on the timer tab but when I switch to another tab while the timer is running, it starts from 59:59 and does not announce result. What am I doing wrong? help me out please.

  • @easytech2105
    @easytech2105 3 роки тому +1

    thanks

  • @117chips
    @117chips 4 роки тому

    good videos. I like how you explain everything.

  • @wendycarballo9539
    @wendycarballo9539 2 роки тому

    Hi, what if I wanted to make this a chrome extension popup, would you have any advice? The background script isn't working...

  • @iiinicky6224
    @iiinicky6224 2 роки тому

    thanks!

  • @W4IT-YT
    @W4IT-YT 2 роки тому

    21:34 I KNEW YOU'RE GERMAN FROm THE BEGINNING ON!
    (bin auch deutsch)

  • @drunit8122
    @drunit8122 3 роки тому +1

    Every time i press the start button while the counter is going, it speeds up the countdown!?!? lol

  • @xristinache
    @xristinache 3 роки тому

    And if you set minutes for example 90 minutes in the field, how to fix it?

  • @TheAlibaadshah
    @TheAlibaadshah 3 роки тому +1

    when refresh the page countdown will continue?

    • @CodePhilipYT
      @CodePhilipYT  3 роки тому

      No, sadly not, you would need to add a database or cache memory

  • @kristijan6527
    @kristijan6527 2 роки тому

    I typed the code exactly like that but it doesnt work, it doesnt countdown numbers, i put the html file and javascript file in the same folder but it doesnt work, i saved them separetely

    • @iqmatolaniyan8728
      @iqmatolaniyan8728 Рік тому

      try to remove the function inside the start function. there's a double function there.

  • @patrickchan2503
    @patrickchan2503 4 роки тому

    love the authenticity of your language @13:27, holy f@!# and @24:17... what is the word in German?

  • @kadjei-frempong6251
    @kadjei-frempong6251 3 роки тому +1

    How to create a just in time countdown timer Please?

    • @langauagechallenge3952
      @langauagechallenge3952 3 роки тому +1

      hi, I am learning Javascript like you.
      I would like to ask you about your idea.
      What do you mean by "a just in time coutndown timer"?

  • @W4IT-YT
    @W4IT-YT 2 роки тому

    You might have needed some cuts but anyways nice tutorial.

  • @sakadahang497
    @sakadahang497 2 роки тому

    Nice video bro but how can i double it

  • @thesamarthshah
    @thesamarthshah 3 роки тому +1

    I really don't like man first just get clear in yourself