Countdown Timer | JavaScript

preview_player
Показать описание
#javascript, #css, #timer
Countdown Timer | JavaScript

In this tutorial we're going to build a simple Countdown timer using JavaScript.

--------------------------------
👉 Source Code Available Here:
--------------------------------
🎁 Become a Patreon because by doing that, you will support our Channel and also will have access to videos + Source Code!
--------------------------------
Chapters:
00:00 Intro
00:36 Getting Started
01:09 HTML
03:07 CSS
08:36 JavaScript
--------------------------------
📚Resources
--------------------------------
🏆Recommended Videos🏆
🎬Animated Sidebar Menu with HTML & CSS
🎬Amazing Social Media Buttons Hover Effects | HTML & CSS
🎬Animated Login Form | HTML, CSS & JavaScript
🎬Slider Sign In / Sign Up Form | HTML CSS Vanilla JS
--------------------------------
🛴 Follow me on:
--------------------------------
🎵 Music:
Рекомендации по теме
Комментарии
Автор

If you find this video helpful, give it a like as this would help it reach even more people! Also, subscribe if you haven't ! Thank you! 🙏
👉 Source Code Available Here:

DevMadeEasy
Автор

I came back from years of time travel. I can tell you people were grateful for what you did two years ago. Subbed.✌

artismagraphics
Автор

if your countdown number doesnt shown in ur web page than change QuerySelectorALL to getElementBy the video has that part skipped where he change it in 16:57 to 16:58 jusr focus on queryselector

alihyder
Автор

thank u so much, muito obrigado broder

andreviniciusbezerradasilv
Автор

Thank you very much. It works. But one thing İ wanna say. The 'settimeout' function works once when I write your code. And I changed "setInterval(() => updateCountdownTime(), 1000);" and the problem solved.

rahil-aliyev
Автор

so the new year thing got time automatically? I thought you had to tell the javascript and the browser that the time is "x" and the date is "y" so it can start counting

kaiserexodus
Автор

nothing happen in my console... it does not show the number it meant to show at 12:50

normael
Автор

Uncaught syntax error : identifier 'days' has already been declared.

This error is from the very first line of javascript, eventhough I finished the whole tutorial it still doesn't work and when I rewrite it, it's the same.

also whenever I cut it off, the console tells me that the error now is in the next const... then the next one if I remove this latter... etc.

It's the only problem and I don't know why, it doesn't make sense and it's the first time tbh

kaiserexodus
Автор

My innerHTML didn't work.. Idk why.. I have bit less knowledge of HTML maybe that's why

rhisavbora
Автор

Hi! So my problem is that the numbers doesn't show on my webpage. I have been in stack overflow to find an answer but I found nothing. Can you help me find out what's wrong? Thank you.

btw nice video!

godwinch
Автор

How can I do it as a link, so I can send it to my friends and other people? Please someone help me

timoneisold
Автор

Hi! So is there a way you can print out the time in military time (24 hour) than standard time?

KRYSSA.official
Автор

Hii I was want to make a day countdown timer how would I do it

topebanjo
Автор

hi nice vid, 1 question - how do i make it stop at 0 and not go negative? ty

technaki
Автор

my line 8 doesn't work the new Date(xxxx) doesn't work, help?

noahheine
Автор

nice video but I cant find the link to goolge fonds where you copied the script

oskarkopac
Автор

I don't see the source code on your patreon?

connerwhite
Автор

Why const %24 and %60 you can explain help me

hieuhee
Автор

when I run the console.log it does run perfectly on the console but, when I run the code in this way

function updateCountdowntime();{
const currentTime = new Date ();
const diff = newYearTime - currentTime;
const d = Math.floor(diff / 1000 / 60 / 60 / 24);
const h = Math.floor(diff / 1000 / 60 / 60) % 24;
const m = Math.floor(diff / 1000 / 60) % 60;
const s = Math.floor(diff / 1000) % 60;

days.innerHTML = d;
hours.innerHTML = h < 10 ? '0' + h : h;
minutes.innerHTML = m < 10 ? '0' + m : m;
seconds.innerHTML = s < 10 ? '0' + s : s;
}

setInterval(updateCountdowntime, 1000);



Nothings happens, if anyone have a suggestion please

HARS-
Автор

I've never heard a brazilian dude speaking english😂😂😂

AlessandroAlmeida-gyql
welcome to shbcf.ru