Digital Clock with Colorful Glowing Effect using HTML CSS & JavaScript

Digital Clock with Colorful Glowing Effect using HTML CSS & JavaScript
Download Codes From Here - www.codingnepalweb.com
Second Channel - bit.ly/3aHNkru
My Code Editor - • Best Text Editor for H...
Facebook - / coding.np
Instagram - / coding.np
Music Credit:
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • BEAUZ & JVNA - Crazy |...
Track: Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • Lost Sky - Dreams pt. ...

[@kumakuma3926]

This was so easy to follow along with. Thanks!

[@zuberdiwan8123]

Awesome...Really Great Work...Thank You.......

[@Kun.89]

Hola, no entiendo ingles pero me encanta que solo uses musica, muy buenos tutoriales, nuevo subscriptor.. Saludos desde Mexico, City 💥💥💥💥❤

[@royalzgamerz2378]

Clock is amazing 😀

[@adithyaprasetio4809]

Very simple and helpful, thanks sir

[@koustubhsatalkar9215]

Yeah love from India bro🤟

[@repalda4736]

your awesome😍😍👌

[@okeequiz]

this is too good
love you

[@rajnishkumar1791]

Thanks ❤️

[@minbahadur9000]

Nice 👍

[@ayouber779]

Woooow👍👍👍👍

[@CodingNepal]

Thank you.. Stay tuned 😁

[@panjatanhaq]

you are great

[@HieuPhan-jt8bj]

thanks you !!

[@CodingNepal]

You're welcome.. Stay tuned 😁

[@CreativeTutorialsWeb]

Awesome

[@CodingNepal]

Thank you.. Stay tuned 😁

[@gb-wo9gs]

1 No chote 👌

[@CodingNepal]

Thank you.. Stay tuned.

[@TechWithAashubro]

Keep it up

[@CodingNepal]

Thank you.. Stay tuned 😁

[@AmanRaj-sk5ws]

I am waiting for your tutorial ❤️❤️

[@CodingNepal]

Okk.. Stay tuned 😁

[@stefansiroo9078]

please explain how i can set the time of las vegas in this clock.

[@Hasnain_Mahmood]

Nice bro

[@mdhossen7082]

Wow

[@mustafachenine7942]

thanks

[@RahulKumar-bk1ss]

best sir

[@CodingNepal]

Thank you.. Stay tuned 😁

[@subarnadey3167]

Can I use vs code for this

[@markwest5904]

Nice Intro

[@rahulrbhat3114]

I like the border colorfull

[@CodingNepal]

Thank you.. Stay tuned 😁

[@youtubehelper227]

Op dai

[@CodingNepal]

Thank you.. Stay tuned 😁

[@Bindashmusic]

Nice clock

[@CodingNepal]

Thank you.. Stay tuned 😁

[@coooooool382]

Ikr😅❤️

[@dakshkeshari6448]

u are master of coding love videos
and plz tell how to creat keybord

[@CodingNepal]

Thank you and check out these two videos: - czcams.com/video/WlsY02Uka1Y/video.html
- czcams.com/video/fsBJXiP--Jc/video.html

[@dakshkeshari6448]

@@CodingNepal Thank u Sir!

[@mohsinsayyad6347]

👌

[@CodingNepal]

Thank you.. Stay tuned 😁

[@mdamanullahkhan3412]

4:29

[@jaystockton2096]

How can I change the time to Japan and Europe time zone? Great Videos...please keep it up.

[@CodingNepal]

You can do this with specify time zone.

[@samarjyoti3184]

@@CodingNepal how can I specify time zone

[@deepshikhagupta526]

Hi I am ur new subscriber :)

[@CodingNepal]

Thanks for sub 😃

[@AmanRaj-sk5ws]

bro please make one video how to add preloader by code not by gif please.

[@CodingNepal]

Here is the video - czcams.com/video/lczgnhMphdU/video.html

[@Miguel-sm4tc]

hola que tal queria consultar porque al colocar esto: -webkit-background-clip: text; css me lo destaca pero en la consola no me da error y no entiendo porque css lo marca.

[@Ryzenpath]

same

[@blackops4452]

Sir I have completed this very Issy

[@CodingNepal]

Great

[@mohammodfatinnur1140]

Good job

[@CodingNepal]

Thank you.. Stay tuned 😁

[@mohammodfatinnur1140]

@@CodingNepal your 2nd channel is best (couse I love detailed information).
Btw how you can say hindi 🤔🤔

[@CodingNepal]

Are you from India?

[@mohammodfatinnur1140]

@@CodingNepal Bangladesh 🇧🇩

[@CodingNepal]

Oh great..stay tuned with us 😁

[@xviewmytubex]

How did you autofill/complete the HTML? Thanks! =).

[@jebsanimation1376]

type "!" then press enter welcome ;)

[@erenxbaxci]

How did you make your blog.

[@CodingNepal]

How i tell you in the comment..? So contact me on Instagram.

[@GR_BackingTracks]

5:54 we get to the Scripting... that's where I need to be.

[@jhonnynaiduattitudefreak9160]

It says document is not defined sir

[@Nope-rd8rn]

How I convert this into app bro

[@nasirmedia]

Where past the html code?

[@firstbloodfangy6933]

Wierd I tried choosing my own colors for the gradients of the clock but it just turned into the same rainbow technicolor jazz.... I have no idea why that is.

[@Govindkumar-ox5kj]

what is -webkit-background-clip

[@MileWays1]

function getHours() { [native code] }:function getMinutes() { [native code] }:function getSeconds() { [native code] }

[@naateshwar__]

You Expect More Subscribers Likes And Views

[@CodingNepal]

Thank you.. Stay tuned 😁

[@simple8810]

what if we dont mention time for timeInterval function?

[@CodingNepal]

I also didn't mention time for setInterval in this video so the inside codes is running after every 0ms. If you set time for setInterval 1ms or more then the inside codes will run after every time that you've mentioned. But don't set more than 0ms time because it'll delay to running inside codes so the time of this clock will not update exactly according to your pc time.

[@simple8810]

@@CodingNepal Thanku Boss for your reply,Yeah I was asking about that setInterval,As mostly we metion time means some delay,But here when I saw you have not mentioned, I did search on google for that why it so,but then I just assmumed from myself that maybe due to that we will not have any delay for this clock, ANd you explained it very well and thanks for removing my doubt about this,
we want many videos like this on js ,
please sir huge request cause we want to improve skills learning from you

[@simonk5283]

The timer is in the right corner how can I make it come in the center

[@CodingNepal]

I already placed it at the center. You may did some mistakes. Just add these codes body{display: flex; align-items: center; justify-content: center; min-height: 100vh;}

[@k.i.n.g5046]

❤❤❤❤❤❤❤❤❤❤
❤❤❤❤❤❤❤❤❤❤

[@crazyrebel4767]

Can we add this clock at our screen?

[@CodingNepal]

Yes you can.

[@crazyrebel4767]

@@CodingNepal how sir can you tell me I have made it

[@hagozox]

Pake hp bisa?

[@ahmadkai10293]

Can you do a tutorial to add a date as well?

[@CodingNepal]

Sure, stay tuned

[@crisselbajelot2122]

Your clock is very nice I love it, but mine is not working 😔

[@CodingNepal]

You can get source codes from here - www.codingnepalweb.com/digital-clock-using-javascript/

[@codingbd9201]

Which country do you live in bro.
You are a fantastic web developer

[@CodingNepal]

Nepal bro

[@KalyaniTalks]

I got an error : date.getHours is not a constructor

[@CodingNepal]

You may missed some lines of codes or did any others mistake... Please get source codes from description link.

[@keynbrosdahl2925]

Can you do this again, but show you opening up VSCode and creating each file needed. It needs to all start blank. Don't assume that my dumbass knows the simplest shit. I'm teaching myself

[@sohamvermavi-a971]

my code is not working

[@legacy2559]

How can I access the codes you wrote?

[@CodingNepal]

Yes, here is the codes - www.codingnepalweb.com/digital-clock-using-javascript/

[@Milestris1]

i want no glowing

[@faizanbutt2761]

setInterval(() => {
const time = Document.queryseletor("#time")
let date = new Date();
let houre = date.getHours();
let minutes = data.getminutes();
let seconds = data.getseconds();
time.textcontent = houre + ":" + minutes +
":" + seconds;
});
sir this part cantnot work
plz tell the mistake

[@Itzyasir2]

you have a lot of typos...

[@diyorbekmaxkamov2818]

Eee Tinchmi

[@SanjayKumar-kn6rc]

Code ko paste Kar dunga website pe to ho jayaga kya

[@CodingNepal]

Haan hojayega

[@sabbirbhuiyan470]

Bro, I can't find the code of this video on your website. Can I get them???

[@CodingNepal]

I'll upload tomorrow.. Keep patience.

[@sabbirbhuiyan470]

@@CodingNepal I'm will be there, thanks

[@CodingNepal]

Check now - www.codingnepalweb.com... Codes are uploaded.

[@greenstep2706]

[@apdiapaal3287]

I get error is not showing shadow moving in the background 🙁

[@CodingNepal]

Please check your css codes again.

[@kanynfanpage724]

@@CodingNepalwhen i did place-items center it just put it at the top of the page

[@statusbeast3866]

Dai yo blogger ma use grna milxa??

[@CodingNepal]

Milxw bro

[@statusbeast3866]

@@CodingNepal malai yeauta movie detail box chaiyo ramro khaley tutorial banai dinu hunxa?

[@snehaohol3196]

Sir code file is not downloading what I do

[@CodingNepal]

Make sure you've disabled your adblocker on my website or open that page on incognito window and try to download codes.

[@Ashu.tosh_shukla]

Your editor name

[@CodingNepal]

It's Atom

[@mr_weirdo]

bro this is not good, you are providing link to your website and saying this is link for code.

[@030parthibanm8]

If you don't mind , give that code😀

[@CodingNepal]

You can download it from here for free - www.codingnepalweb.com/digital-clock-using-javascript/

[@chhappri1648]

Ka dekhi ho bro

[@sergeyinozemcev1070]

My little js upgrade:
let meridiem = hours > 12 ? "PM" : "AM"
hours = `0${hours}`.slice(-2)
minutes = `0${minutes}`.slice(-2)
seconds = `0${seconds}`.slice(-2)
time.textContent = `${hours}:${minutes}:${seconds} ${meridiem}`

[@GrowToGlow-th4le]

bhai code ki link bheg dia kar subscribe car du ga