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

  • @kumakuma3926
    @kumakuma39262 жыл бұрын

    This was so easy to follow along with. Thanks!

  • @zuberdiwan8123
    @zuberdiwan8123 Жыл бұрын

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

  • @Kun.89
    @Kun.89 Жыл бұрын

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

  • @koustubhsatalkar9215
    @koustubhsatalkar92152 жыл бұрын

    Yeah love from India bro🤟

  • @adithyaprasetio4809
    @adithyaprasetio48093 ай бұрын

    Very simple and helpful, thanks sir

  • @royalzgamerz2378
    @royalzgamerz23782 жыл бұрын

    Clock is amazing 😀

  • @repalda4736
    @repalda47362 жыл бұрын

    your awesome😍😍👌

  • @okeequiz
    @okeequiz Жыл бұрын

    this is too good love you

  • @minbahadur9000
    @minbahadur90002 жыл бұрын

    Nice 👍

  • @ayouber779
    @ayouber7793 жыл бұрын

    Woooow👍👍👍👍

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @rajnishkumar1791
    @rajnishkumar1791 Жыл бұрын

    Thanks ❤️

  • @stefansiroo9078
    @stefansiroo90782 жыл бұрын

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

  • @AmanRaj-sk5ws
    @AmanRaj-sk5ws3 жыл бұрын

    I am waiting for your tutorial ❤️❤️

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Okk.. Stay tuned 😁

  • @gb-wo9gs
    @gb-wo9gs3 жыл бұрын

    1 No chote 👌

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned.

  • @panjatanhaq
    @panjatanhaq Жыл бұрын

    you are great

  • @Hasnain_Mahmood
    @Hasnain_Mahmood11 ай бұрын

    Nice bro

  • @mdhossen7082
    @mdhossen70822 жыл бұрын

    Wow

  • @TechWithAashubro
    @TechWithAashubro3 жыл бұрын

    Keep it up

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @HieuPhan-jt8bj
    @HieuPhan-jt8bj3 жыл бұрын

    thanks you !!

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    You're welcome.. Stay tuned 😁

  • @Miguel-sm4tc
    @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

    @Ryzenpath

    10 ай бұрын

    same

  • @CreativeTutorialsWeb
    @CreativeTutorialsWeb3 жыл бұрын

    Awesome

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @subarnadey3167
    @subarnadey31673 жыл бұрын

    Can I use vs code for this

  • @markwest5904
    @markwest5904 Жыл бұрын

    Nice Intro

  • @mustafachenine7942
    @mustafachenine7942 Жыл бұрын

    thanks

  • @mohsinsayyad6347
    @mohsinsayyad63473 жыл бұрын

    👌

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @dakshkeshari6448
    @dakshkeshari64483 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you and check out these two videos: - kzread.info/dash/bejne/iaCnu5Jrhc7HYbw.html - kzread.info/dash/bejne/mKd2rLqigJCTesY.html

  • @dakshkeshari6448

    @dakshkeshari6448

    3 жыл бұрын

    @@CodingNepal Thank u Sir!

  • @jaystockton2096
    @jaystockton20963 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    You can do this with specify time zone.

  • @samarjyoti3184

    @samarjyoti3184

    2 жыл бұрын

    @@CodingNepal how can I specify time zone

  • @rahulrbhat3114
    @rahulrbhat31143 жыл бұрын

    I like the border colorfull

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @xviewmytubex
    @xviewmytubex2 жыл бұрын

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

  • @jebsanimation1376

    @jebsanimation1376

    Жыл бұрын

    type "!" then press enter welcome ;)

  • @Bindashmusic
    @Bindashmusic3 жыл бұрын

    Nice clock

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @coooooool382

    @coooooool382

    3 жыл бұрын

    Ikr😅❤️

  • @youtubehelper227
    @youtubehelper2273 жыл бұрын

    Op dai

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @deepshikhagupta526
    @deepshikhagupta5263 жыл бұрын

    Hi I am ur new subscriber :)

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thanks for sub 😃

  • @RahulKumar-bk1ss
    @RahulKumar-bk1ss3 жыл бұрын

    best sir

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @AmanRaj-sk5ws
    @AmanRaj-sk5ws3 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Here is the video - kzread.info/dash/bejne/npeuydChfdPOlLg.html

  • @erenxbaxci
    @erenxbaxci3 жыл бұрын

    How did you make your blog.

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

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

  • @blackops4452
    @blackops44523 жыл бұрын

    Sir I have completed this very Issy

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Great

  • @mohammodfatinnur1140
    @mohammodfatinnur11403 жыл бұрын

    Good job

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @mohammodfatinnur1140

    @mohammodfatinnur1140

    3 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Are you from India?

  • @mohammodfatinnur1140

    @mohammodfatinnur1140

    3 жыл бұрын

    @@CodingNepal Bangladesh 🇧🇩

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Oh great..stay tuned with us 😁

  • @Nope-rd8rn
    @Nope-rd8rn Жыл бұрын

    How I convert this into app bro

  • @nasirmedia
    @nasirmedia11 ай бұрын

    Where past the html code?

  • @GR_BackingTracks
    @GR_BackingTracks Жыл бұрын

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

  • @jhonnynaiduattitudefreak9160
    @jhonnynaiduattitudefreak91602 жыл бұрын

    It says document is not defined sir

  • @firstbloodfangy6933
    @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.

  • @mdamanullahkhan3412
    @mdamanullahkhan3412 Жыл бұрын

    4:29

  • @codingbd9201
    @codingbd92013 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Nepal bro

  • @ahmadkai10293
    @ahmadkai102932 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    2 жыл бұрын

    Sure, stay tuned

  • @k.i.n.g5046
    @k.i.n.g50462 жыл бұрын

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

  • @keynbrosdahl2925
    @keynbrosdahl29257 ай бұрын

    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

  • @naateshwar__
    @naateshwar__3 жыл бұрын

    You Expect More Subscribers Likes And Views

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Thank you.. Stay tuned 😁

  • @simple8810
    @simple88103 жыл бұрын

    what if we dont mention time for timeInterval function?

  • @CodingNepal

    @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

    @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

  • @simonk5283
    @simonk52833 жыл бұрын

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

  • @CodingNepal

    @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;}

  • @hagozox
    @hagozox2 жыл бұрын

    Pake hp bisa?

  • @KalyaniTalks
    @KalyaniTalks3 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

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

  • @SanjayKumar-kn6rc
    @SanjayKumar-kn6rc3 жыл бұрын

    Code ko paste Kar dunga website pe to ho jayaga kya

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Haan hojayega

  • @crisselbajelot2122
    @crisselbajelot21222 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    2 жыл бұрын

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

  • @Govindkumar-ox5kj
    @Govindkumar-ox5kj10 ай бұрын

    what is -webkit-background-clip

  • @legacy2559
    @legacy25592 жыл бұрын

    How can I access the codes you wrote?

  • @CodingNepal

    @CodingNepal

    2 жыл бұрын

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

  • @crazyrebel4767
    @crazyrebel47673 жыл бұрын

    Can we add this clock at our screen?

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Yes you can.

  • @crazyrebel4767

    @crazyrebel4767

    3 жыл бұрын

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

  • @sabbirbhuiyan470
    @sabbirbhuiyan4703 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    I'll upload tomorrow.. Keep patience.

  • @sabbirbhuiyan470

    @sabbirbhuiyan470

    3 жыл бұрын

    @@CodingNepal I'm will be there, thanks

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

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

  • @greenstep2706

    @greenstep2706

    2 жыл бұрын

  • @sohamvermavi-a971
    @sohamvermavi-a9713 жыл бұрын

    my code is not working

  • @statusbeast3866
    @statusbeast38663 жыл бұрын

    Dai yo blogger ma use grna milxa??

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Milxw bro

  • @statusbeast3866

    @statusbeast3866

    3 жыл бұрын

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

  • @faizanbutt2761
    @faizanbutt27613 жыл бұрын

    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

    @Itzyasir2

    2 жыл бұрын

    you have a lot of typos...

  • @diyorbekmaxkamov2818
    @diyorbekmaxkamov28182 жыл бұрын

    Eee Tinchmi

  • @Milestris1
    @Milestris1 Жыл бұрын

    i want no glowing

  • @MileWays1
    @MileWays13 ай бұрын

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

  • @mr_weirdo
    @mr_weirdo Жыл бұрын

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

  • @apdiapaal3287
    @apdiapaal32873 жыл бұрын

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

  • @CodingNepal

    @CodingNepal

    3 жыл бұрын

    Please check your css codes again.

  • @kanynfanpage724

    @kanynfanpage724

    3 жыл бұрын

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

  • @snehaohol3196
    @snehaohol31962 жыл бұрын

    Sir code file is not downloading what I do

  • @CodingNepal

    @CodingNepal

    2 жыл бұрын

    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
    @Ashu.tosh_shukla3 күн бұрын

    Your editor name

  • @CodingNepal

    @CodingNepal

    3 күн бұрын

    It's Atom

  • @030parthibanm8
    @030parthibanm82 жыл бұрын

    If you don't mind , give that code😀

  • @CodingNepal

    @CodingNepal

    2 жыл бұрын

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

  • @chhappri1648
    @chhappri1648 Жыл бұрын

    Ka dekhi ho bro

  • @sergeyinozemcev1070
    @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
    @GrowToGlow-th4le7 ай бұрын

    bhai code ki link bheg dia kar subscribe car du ga