Digital Clock with Colorful Glowing Effect using HTML CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 20 янв 2025

Комментарии • 122

  • @kumakuma3926
    @kumakuma3926 3 года назад +5

    This was so easy to follow along with. Thanks!

  • @adithyaprasetio4809
    @adithyaprasetio4809 10 месяцев назад

    Very simple and helpful, thanks sir

  • @zuberdiwan8123
    @zuberdiwan8123 Год назад

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

  • @balloon-art2
    @balloon-art2 2 года назад

    this is too good
    love you

  • @koustubhsatalkar9215
    @koustubhsatalkar9215 2 года назад

    Yeah love from India bro🤟

  • @Kun.89
    @Kun.89 2 года назад +1

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

  • @AmanRaj-sk5ws
    @AmanRaj-sk5ws 4 года назад +3

    I am waiting for your tutorial ❤️❤️

  • @dakshkeshari6448
    @dakshkeshari6448 4 года назад +2

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

    • @CodingNepal
      @CodingNepal  4 года назад

      Thank you and check out these two videos: - ruclips.net/video/WlsY02Uka1Y/видео.html
      - ruclips.net/video/fsBJXiP--Jc/видео.html

    • @dakshkeshari6448
      @dakshkeshari6448 4 года назад

      @@CodingNepal Thank u Sir!

  • @gb-wo9gs
    @gb-wo9gs 4 года назад +1

    1 No chote 👌

  • @deepshikhagupta526
    @deepshikhagupta526 3 года назад +1

    Hi I am ur new subscriber :)

  • @royalzgamerz2378
    @royalzgamerz2378 2 года назад +1

    Clock is amazing 😀

  • @repalda4736
    @repalda4736 3 года назад +1

    your awesome😍😍👌

  • @Bindashmusic
    @Bindashmusic 4 года назад +4

    Nice clock

  • @stefansiroo9078
    @stefansiroo9078 2 года назад +1

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

  • @subarnadey3167
    @subarnadey3167 3 года назад +1

    Can I use vs code for this

  • @nasirmedia
    @nasirmedia Год назад +1

    Where past the html code?

  • @AmanRaj-sk5ws
    @AmanRaj-sk5ws 4 года назад +6

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

    • @CodingNepal
      @CodingNepal  4 года назад

      Here is the video - ruclips.net/video/lczgnhMphdU/видео.html

  • @TechWithAashubro
    @TechWithAashubro 4 года назад +3

    Keep it up

  • @erenxbaxci
    @erenxbaxci 4 года назад +1

    How did you make your blog.

    • @CodingNepal
      @CodingNepal  4 года назад +1

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

  • @ayouber779
    @ayouber779 4 года назад +1

    Woooow👍👍👍👍

  • @crazyrebel4767
    @crazyrebel4767 4 года назад +1

    Can we add this clock at our screen?

    • @CodingNepal
      @CodingNepal  4 года назад

      Yes you can.

    • @crazyrebel4767
      @crazyrebel4767 4 года назад

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

  • @jaystockton2096
    @jaystockton2096 4 года назад +1

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

    • @CodingNepal
      @CodingNepal  4 года назад

      You can do this with specify time zone.

    • @samarjyoti3184
      @samarjyoti3184 2 года назад

      @@CodingNepal how can I specify time zone

  • @xviewmytubex
    @xviewmytubex 2 года назад +1

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

  • @KalyaniTalks
    @KalyaniTalks 4 года назад +2

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

    • @CodingNepal
      @CodingNepal  4 года назад +1

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

  • @jhonnynaiduattitudefreak9160
    @jhonnynaiduattitudefreak9160 3 года назад +1

    It says document is not defined sir

  • @mohammodfatinnur1140
    @mohammodfatinnur1140 4 года назад +2

    Good job

    • @CodingNepal
      @CodingNepal  4 года назад +1

      Thank you.. Stay tuned 😁

    • @mohammodfatinnur1140
      @mohammodfatinnur1140 4 года назад +1

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

    • @CodingNepal
      @CodingNepal  4 года назад

      Are you from India?

    • @mohammodfatinnur1140
      @mohammodfatinnur1140 4 года назад +1

      @@CodingNepal Bangladesh 🇧🇩

    • @CodingNepal
      @CodingNepal  4 года назад +1

      Oh great..stay tuned with us 😁

  • @RahulKumar-bk1ss
    @RahulKumar-bk1ss 4 года назад +2

    best sir

  • @blackops4452
    @blackops4452 4 года назад +1

    Sir I have completed this very Issy

  • @IBAD.AMAN.07
    @IBAD.AMAN.07 Год назад

    4:29

  • @minbahadur9000
    @minbahadur9000 2 года назад +1

    Nice 👍

  • @xLegacyofHistory
    @xLegacyofHistory 2 года назад +1

    How can I access the codes you wrote?

    • @CodingNepal
      @CodingNepal  2 года назад +1

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

  • @simonk5283
    @simonk5283 3 года назад +1

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

    • @CodingNepal
      @CodingNepal  3 года назад +2

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

  • @Miguel-sm4tc
    @Miguel-sm4tc 2 года назад

    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.

  • @rajnishkumar1791
    @rajnishkumar1791 2 года назад

    Thanks ❤️

  • @firstbloodfangy6933
    @firstbloodfangy6933 2 года назад

    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.

  • @SanjayKumar-kn6rc
    @SanjayKumar-kn6rc 3 года назад +1

    Code ko paste Kar dunga website pe to ho jayaga kya

  • @rahulrbhat3114
    @rahulrbhat3114 4 года назад +1

    I like the border colorfull

    • @CodingNepal
      @CodingNepal  4 года назад +2

      Thank you.. Stay tuned 😁

  • @HieuPhan-jt8bj
    @HieuPhan-jt8bj 4 года назад +1

    thanks you !!

    • @CodingNepal
      @CodingNepal  4 года назад

      You're welcome.. Stay tuned 😁

  • @statusbeast3866
    @statusbeast3866 4 года назад +1

    Dai yo blogger ma use grna milxa??

    • @CodingNepal
      @CodingNepal  4 года назад

      Milxw bro

    • @statusbeast3866
      @statusbeast3866 4 года назад

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

  • @codingbd9201
    @codingbd9201 3 года назад +1

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

  • @simple8810
    @simple8810 3 года назад +1

    what if we dont mention time for timeInterval function?

    • @CodingNepal
      @CodingNepal  3 года назад +1

      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

  • @Gary_Reid_Backing_Tracks
    @Gary_Reid_Backing_Tracks Год назад

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

  • @naateshwar__
    @naateshwar__ 4 года назад +2

    You Expect More Subscribers Likes And Views

  • @sabbirbhuiyan470
    @sabbirbhuiyan470 4 года назад +1

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

    • @CodingNepal
      @CodingNepal  4 года назад

      I'll upload tomorrow.. Keep patience.

    • @sabbirbhuiyan470
      @sabbirbhuiyan470 4 года назад +1

      @@CodingNepal I'm will be there, thanks

    • @CodingNepal
      @CodingNepal  4 года назад

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

    • @greenstep2706
      @greenstep2706 2 года назад

  • @panjatanhaq
    @panjatanhaq 2 года назад

    you are great

  • @CreativeTutorialsWeb
    @CreativeTutorialsWeb 4 года назад +1

    Awesome

  • @Nope-rd8rn
    @Nope-rd8rn 2 года назад

    How I convert this into app bro

  • @faizanbutt2761
    @faizanbutt2761 3 года назад +2

    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...

  • @mohsinsayyad6347
    @mohsinsayyad6347 4 года назад +2

    👌

    • @CodingNepal
      @CodingNepal  4 года назад +1

      Thank you.. Stay tuned 😁

  • @Ashu.tosh_shukla
    @Ashu.tosh_shukla 6 месяцев назад +1

    Your editor name

  • @snehaohol3196
    @snehaohol3196 3 года назад +1

    Sir code file is not downloading what I do

    • @CodingNepal
      @CodingNepal  3 года назад

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

  • @Hasnain_Mahmood
    @Hasnain_Mahmood Год назад

    Nice bro

  • @apdiapaal3287
    @apdiapaal3287 4 года назад +1

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

    • @CodingNepal
      @CodingNepal  4 года назад

      Please check your css codes again.

    • @kanynfanpage724
      @kanynfanpage724 4 года назад

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

  • @sohamvermavi-a971
    @sohamvermavi-a971 3 года назад +1

    my code is not working

  • @ahmadkai10293
    @ahmadkai10293 3 года назад +2

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

  • @mdhossen7082
    @mdhossen7082 2 года назад +1

    Wow

  • @mustafachenine7942
    @mustafachenine7942 Год назад

    thanks

  • @Govindkumar-ox5kj
    @Govindkumar-ox5kj Год назад

    what is -webkit-background-clip

  • @kryzz0420
    @kryzz0420 2 года назад +1

    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/

  • @youtubehelper227
    @youtubehelper227 4 года назад +2

    Op dai

  • @hagozox
    @hagozox 2 года назад

    Pake hp bisa?

  • @mr_weirdo
    @mr_weirdo 2 года назад

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

  • @keynbrosdahl2925
    @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

  • @k.i.n.g5046
    @k.i.n.g5046 2 года назад +1

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

  • @030parthibanm8
    @030parthibanm8 2 года назад +1

    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/

  • @Milestris1
    @Milestris1 2 года назад

    i want no glowing

  • @diyorbekmaxkamov2818
    @diyorbekmaxkamov2818 3 года назад +1

    Eee Tinchmi

  • @madan7-w2p
    @madan7-w2p Год назад

    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-th4le Год назад

    bhai code ki link bheg dia kar subscribe car du ga