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. ...
Пікірлер: 124
This was so easy to follow along with. Thanks!
Awesome...Really Great Work...Thank You.......
Hola, no entiendo ingles pero me encanta que solo uses musica, muy buenos tutoriales, nuevo subscriptor.. Saludos desde Mexico, City 💥💥💥💥❤
Yeah love from India bro🤟
Very simple and helpful, thanks sir
Clock is amazing 😀
your awesome😍😍👌
this is too good love you
Nice 👍
Woooow👍👍👍👍
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
Thanks ❤️
please explain how i can set the time of las vegas in this clock.
I am waiting for your tutorial ❤️❤️
@CodingNepal
3 жыл бұрын
Okk.. Stay tuned 😁
1 No chote 👌
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned.
you are great
Nice bro
Wow
Keep it up
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
thanks you !!
@CodingNepal
3 жыл бұрын
You're welcome.. Stay tuned 😁
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
10 ай бұрын
same
Awesome
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
Can I use vs code for this
Nice Intro
thanks
👌
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
u are master of coding love videos and plz tell how to creat keybord
@CodingNepal
3 жыл бұрын
Thank you and check out these two videos: - kzread.info/dash/bejne/iaCnu5Jrhc7HYbw.html - kzread.info/dash/bejne/mKd2rLqigJCTesY.html
@dakshkeshari6448
3 жыл бұрын
@@CodingNepal Thank u Sir!
How can I change the time to Japan and Europe time zone? Great Videos...please keep it up.
@CodingNepal
3 жыл бұрын
You can do this with specify time zone.
@samarjyoti3184
2 жыл бұрын
@@CodingNepal how can I specify time zone
I like the border colorfull
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
How did you autofill/complete the HTML? Thanks! =).
@jebsanimation1376
Жыл бұрын
type "!" then press enter welcome ;)
Nice clock
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
@coooooool382
3 жыл бұрын
Ikr😅❤️
Op dai
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
Hi I am ur new subscriber :)
@CodingNepal
3 жыл бұрын
Thanks for sub 😃
best sir
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
bro please make one video how to add preloader by code not by gif please.
@CodingNepal
3 жыл бұрын
Here is the video - kzread.info/dash/bejne/npeuydChfdPOlLg.html
How did you make your blog.
@CodingNepal
3 жыл бұрын
How i tell you in the comment..? So contact me on Instagram.
Sir I have completed this very Issy
@CodingNepal
3 жыл бұрын
Great
Good job
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
@mohammodfatinnur1140
3 жыл бұрын
@@CodingNepal your 2nd channel is best (couse I love detailed information). Btw how you can say hindi 🤔🤔
@CodingNepal
3 жыл бұрын
Are you from India?
@mohammodfatinnur1140
3 жыл бұрын
@@CodingNepal Bangladesh 🇧🇩
@CodingNepal
3 жыл бұрын
Oh great..stay tuned with us 😁
How I convert this into app bro
Where past the html code?
5:54 we get to the Scripting... that's where I need to be.
It says document is not defined sir
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.
4:29
Which country do you live in bro. You are a fantastic web developer
@CodingNepal
3 жыл бұрын
Nepal bro
Can you do a tutorial to add a date as well?
@CodingNepal
2 жыл бұрын
Sure, stay tuned
❤❤❤❤❤❤❤❤❤❤ ❤❤❤❤❤❤❤❤❤❤
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
You Expect More Subscribers Likes And Views
@CodingNepal
3 жыл бұрын
Thank you.. Stay tuned 😁
what if we dont mention time for timeInterval function?
@CodingNepal
3 жыл бұрын
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
3 жыл бұрын
@@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
The timer is in the right corner how can I make it come in the center
@CodingNepal
3 жыл бұрын
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;}
Pake hp bisa?
I got an error : date.getHours is not a constructor
@CodingNepal
3 жыл бұрын
You may missed some lines of codes or did any others mistake... Please get source codes from description link.
Code ko paste Kar dunga website pe to ho jayaga kya
@CodingNepal
3 жыл бұрын
Haan hojayega
Your clock is very nice I love it, but mine is not working 😔
@CodingNepal
2 жыл бұрын
You can get source codes from here - www.codingnepalweb.com/digital-clock-using-javascript/
what is -webkit-background-clip
How can I access the codes you wrote?
@CodingNepal
2 жыл бұрын
Yes, here is the codes - www.codingnepalweb.com/digital-clock-using-javascript/
Can we add this clock at our screen?
@CodingNepal
3 жыл бұрын
Yes you can.
@crazyrebel4767
3 жыл бұрын
@@CodingNepal how sir can you tell me I have made it
Bro, I can't find the code of this video on your website. Can I get them???
@CodingNepal
3 жыл бұрын
I'll upload tomorrow.. Keep patience.
@sabbirbhuiyan470
3 жыл бұрын
@@CodingNepal I'm will be there, thanks
@CodingNepal
3 жыл бұрын
Check now - www.codingnepalweb.com... Codes are uploaded.
@greenstep2706
2 жыл бұрын
my code is not working
Dai yo blogger ma use grna milxa??
@CodingNepal
3 жыл бұрын
Milxw bro
@statusbeast3866
3 жыл бұрын
@@CodingNepal malai yeauta movie detail box chaiyo ramro khaley tutorial banai dinu hunxa?
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
2 жыл бұрын
you have a lot of typos...
Eee Tinchmi
i want no glowing
function getHours() { [native code] }:function getMinutes() { [native code] }:function getSeconds() { [native code] }
bro this is not good, you are providing link to your website and saying this is link for code.
I get error is not showing shadow moving in the background 🙁
@CodingNepal
3 жыл бұрын
Please check your css codes again.
@kanynfanpage724
3 жыл бұрын
@@CodingNepalwhen i did place-items center it just put it at the top of the page
Sir code file is not downloading what I do
@CodingNepal
2 жыл бұрын
Make sure you've disabled your adblocker on my website or open that page on incognito window and try to download codes.
Your editor name
@CodingNepal
3 күн бұрын
It's Atom
If you don't mind , give that code😀
@CodingNepal
2 жыл бұрын
You can download it from here for free - www.codingnepalweb.com/digital-clock-using-javascript/
Ka dekhi ho bro
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}`
bhai code ki link bheg dia kar subscribe car du ga