How To Create Digital Clock Using HTML CSS & JavaScript | Display Time Using JavaScript

[@mihirtechneer4377]

Thank you very much ! I am 54, not from IT but Mechanical Engineer with 30 years experience in Maintenance and Engineering. This is my 8th clock project ! Learned many different ways of making fascinating clocks. ❤❤❤

[@GreatStackDev]

Glad to hear that. You're welcome. 😊

[@zabihibrahimkhil]

I followed many online classes for mini projects, but this one by far is one of the best , thank you for sharing knowledge

[@boydmutokoma2370]

Best teacher ever, I wish my grade school teacher where like u I would have been an engineer.

[@RajKumar_akhariya]

Best teacher on KZbin to make beautiful project.

[@leonardigweokolo2813]

You're doing this tutorial as if to prove a point that you can do them. Instead of teaching the steps and why you do certain things, like what does "position - absolute mean" when should it be used and why, that will really help beginners immensely. Altogether thank you for sharing.

[@Pythongirl_]

bro if you don't know the meaning of position absolute yet, then why you even bother to make this project, learn CSS first

[@leonardigweokolo2813]

@@Pythongirl_ Are you sure understood the comment? You twerp!!! Understand the comment first, then maybe I'd give you some attention.

[@emmanuelsiziba520]

I agree with you, you can not learn from these tutotirial without basic fundementals, i do tutorials on freecode camp where they strip everything down to its basic component, and then use these tutorials to apply the knowlegdge from freecode camp and practise coding on VS code @@Pythongirl_

[@AyomikunOjetunde]

@@Pythongirl_ Actually😅

[@dangerous199]

He's showing us how to do projects, not teaching the basics. You have to learn that on your own.

[@jcchaconjr]

Thank you for this simple and easy to understand project. I've been learning and playing around with Blazor using .NET 8, and thought this would be a fun page to refactor into a Blazor component page using C# code instead of JavaScript. Implementing the timer in a manner that would not hang the page rendering was the most challenging part, but thanks to a little help from StackOverflow, I found a good suggestion to implement the necessary override for the page's OnInitializedAsync() method that I was able to refactor to update the clock every second like the JS code.

[@mhendrasingh7503]

Thankyou sir, i am 11 years old and this was my first successful html project❤ jai shree ram.

[@Amanकुमार-y4m]

I am also bro

[@bidyutghosh1983]

Joy Shree Ram ❤️🙏🏽

[@mianabubakar5987]

Allah Huakbar

[@allahlesboslu2_9]

​@lyrics._143😂😂😂 Abey n # llahu f . K Barr usko Jo bolna h bolne de tu kyu Teri a u k @ t dikhaa rha hai

[@allahlesboslu2_9]

​@@mianabubakar5987debate with ex m sahil and Zafar heretic saara olaa uber utarr jaayega tum log ka

[@bumblebee_1]

thnx! Simple and clear to understand

[@rajamannar4861]

Finally I find best you tube channel to learn css 😊

[@nanafreedom2476]

This tutorial is one the greatest tutorial I've ever come across!! Thank you very much

[@sunilkumar_vlogs]

Sir ji your English talk is so simple and sweet ❤❤❤

[@christophermawela3318]

Thanks Avinash, well explained, struggled with CSS pseudo elements, will hopefully learn from HTML CSS series.

[@PirahYameen]

Finaly i got the best channel for Learning coading ❤

[@thedinkydreads9351]

You, Sir, are my hero

[@Arvindvishwakarma-ff7fu]

Smooth Explanation Man! thnx

[@citizen00001]

this was a great tutorial to follow, thank you!

[@UtiFavour]

Awesome video! Biggest fan.... Your tutorial is detailed and insightful.

[@preciousonyiocha92]

Thank you sir, this tutorial is much more easier than the one I have watched

[@learnwithnagma]

Thank you so much 😊.

[@superrobot2960]

Can you make a video of javascript full course 😢 🙏 Please

[@StriveVoyage]

great thank you

[@CA-bg3im]

Thankyou so much brother.

[@GreatStackDev]

Always welcome. 😊 Keep coding.

[@English_604]

I love your Chnnel...your videos help me a lot.. ❤.

[@KuirThuch]

You were born to teach

[@YoCode08]

Work❤, thanks you sir❤❤

[@GreatStackDev]

You're welcome. Thank You. 😊

[@aamirmasood010]

you made it look so easy man loved it

[@kirthikar148]

Simple and clear! 👍🏽

[@GreatStackDev]

Glad you think so!

[@fuchecomcilyuh1443]

God bless you for this video.

[@Anusha_Patel24]

Thank you sooo much 😊 And it will be very useful...

[@ukaegbugreatjnr]

I love the video but Instead of using the teneray operator, why not use the padStart(2,0) method;

[@siamnahidul4771]

Best Teacher

[@atharvashringarpure4823]

Thanks. Works well🙂

[@kazikazz1085]

love your tutorials

[@saisuba2698]

Awasome 🎉, crystal clear explanation 🎉🎉..... go-ahead sir, i have one doubt, i need media query i want to use this digital clock in my ph?...i tried it not came

[@Rafiramdhani12]

Thanks you for the tutorial sir

[@AdiJadhav-ie7zp]

great work sir

[@GreatStackDev]

Thank You. 😊

[@bedtimehorrorstoryyoutube]

This tutorial is awesome easy and very clear!! Thank you!!

[@mustafa._.9371]

Thank You!

[@sharooq5842]

Thank u your videos are great and ur explanation is also great but it would be great if u explain like these lines of code does these (single individuals) thise will help a lot for beginners like me

[@pratikshyajena74]

Thank you so much sir❤ you are great!

[@RishabhShriwas-md2gq]

Thank you for this tutorial sir 😊

[@vijayachandana8485]

Your tutorial were helpfull👍keep going.

[@deepikakumaricse7416]

Overall it's nice but it would be more better when it is responsive

[@chandanagoshika2454]

Super explain sir

[@gaming4_16]

great bhai

[@sitirobiahhamdan1406]

hey , its so awesome , i have try it and its so amazing , thank you

[@lordljb4772]

Amazing Tutorial! Thanks for this great looking clock! Im so glad u made a vid :D Greetings from Germany

[@nayaye1795]

Thanks bro! I love it!

[@Shahzadcreations-xr8yl]

Thanks a lot sir gg...

[@saching2080]

Thank you

[@MindMatrixx1416]

Legends one day before competition 😎😎

[@muhammadharis5389]

Thank u sir you are awesome

[@petermwansa4890]

Thank you

[@herosipet]

Hi, This is my first test program. I believed I did everything the way yo did the program but mine will not run the clock. Stays at 00:00:00 only. If you could help I would really appreciate it. Thank you and please reply.

[@Tani55]

Thanks bro

[@SmileFNPlug]

Great video sir 🙏👌👍

[@xasanubaydullayv]

const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); let radius = canvas.height / 2; ctx.translate(radius, radius); radius = radius * 0.90 //drawClock(); s

[@nguyenangviet1752]

Amazing Good Job

[@francisplacid2368]

Thanks

[@sonya7009]

another great tutorial mate, thank you

[@yrew2004]

Thanks sir

[@dancepractice805]

Why do you not make programs in sublime text ?

[@Toonzkidsforkids]

Sir ,why have you used 1000 in the set interval ?? Can we use any other numbers instead of 1000?

[@JamilKhan-z3r4w]

1second is equal to 1000mili second and use for to refresh page every second for example if they use 5000 the page will be refresh every five second later

[@shoaibahsan1822]

GREAT BRO

[@savita_369]

Thanku sir❤

[@anteoleonardi9413]

@GreatStack why don't you use classes's and you call them on JS with querySelector but instead you use 3 ID's and you call them by ID on JS ? Btw love your channel 😃

[@GreatStackDev]

I will consider it for new video, thank you so much for comment

[@dancepractice805]

Good video and helpful video

[@lavkumargahe8174]

Best explanation

[@GreatStackDev]

Glad you think so!

[@harshkumarsharma350]

Great man

[@DINNAlk]

😊 Thank you sir

[@welkin_shayar]

Amazing video sir❤❤

[@GreatStackDev]

Thanks a ton

[@NithyaGS-b7z]

🔥🔥

[@shifteditz06]

7:24 my z-index is not working, can anyone help me. I've written same code as him but still it is not working

[@joeythai1000]

How do you can to do an transparence effect without opacity ?

[@Murksoomro-lw8uq]

it works 👏

[@_IamHarsh]

sir ek button lagana ho or button ke press ke baad ye mujhe current real time dikhaye, iske liye kya karna hoga ?

[@sivaganesh96]

please make a tutorial on live score web app for cricket

[@Bnymn]

Why do you use hero div istead of the body

[@Gaming4Ever-pt9li]

the css is working and the numbers are showing but it wont update and its giving telling me that getelementbyid is not defined and the time is not working

[@mianabubakar5987]

We love only Hazrat Muhammad SAW ❤

[@MyGamingEra]

One video on merge calendar and time also😅

[@SarveshKumar-bl9in]

can you tell me that how to make responsive this website ?

[@citymuqdisho2899]

Pro l need Car game good Design❤

[@nethiv_surya_prakash8699]

can I post these type projects in resume in project section?

[@Rits2203]

it's a mini project. You can add this with one of your big projects on your resume.

[@vishalmeharban1782]

backdrop filter effect is not working on my vscode

[@adilimran6923]

CAN YOU TELL ABOUT 12 HOURS FORMAT

[@thereisnoname2052]

Can you do Countdown 😊😊

[@nusratfatemafamail9037]

wow

[@ironman-29]

make video on Tic tac toe game using javascript

[@Themescore]

Sir ❤can you make a website according to me I'll pay to you for that.😊 In which platform I'll message you reply me

[@monalisaswain2524]

How can am and pm will show?

[@f1_killer44]

11:55

[@isidoramoonrose5657]

why the rect and the circle are not appearing? i did the same thing...hmm

[@ubongudo9751]

Script not working

[@sagetitan4794]

How do you deploy the app

[@ZaahidEditzzz]

How can I make the code show the 12 hour clock

[@vloggingwithmichael7635]

You only made a 1container in html but in css you make 3containers (after and before) and when you run, the square and circle doesn't show 😂😂

[@epps2021]

followed the entire video and did what you did but now how to you change it from military time to regular time? Instead of being 15:00:00 to 3:30:46 or am to pm

[@hariharang1191]

Use if condition. If (hour

[@hariharang1191]

Use if for same AM PM or many other options to show AM PM

[@sakthidass.b]

How to show the am and pm? 12hrs

[@shouravshingha9311]

bro this code is not working don't know why.... i can't find any problem