Digital Clock | With Date (Day, Month, Year) - Using HTML, CSS & Javascript

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 151

  • @malolansriram6328
    @malolansriram6328 3 ปีที่แล้ว +10

    It works smooth with the animation attribute...loved it!

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว +2

      Glad you liked it!

  • @nasirmedia
    @nasirmedia ปีที่แล้ว +2

    Where past the html code?

  • @theonlybow5130
    @theonlybow5130 10 หลายเดือนก่อน

    it works smoothly, can you make an updated version of this where if next day is new year then show firework show

  • @shirocode463
    @shirocode463 2 ปีที่แล้ว +10

    for me the date, day, year are showing correctly, but those time and period are not showing, though i copied your source code because when i try the same error came

  • @Unknown.csssss
    @Unknown.csssss ปีที่แล้ว

    Thanks broo!! This is my second project to my learning

  • @roshankalamkar7752
    @roshankalamkar7752 2 ปีที่แล้ว +3

    its not showing any thing like time is 00 :00: 00 am but why

  • @Shubham-zu1zh
    @Shubham-zu1zh ปีที่แล้ว +1

    There is a bug , the time is between (12.00- 1.00) in that time it shows
    exp: 12.14 AM which is actually to be 12.14PM ..

  • @scpf2360
    @scpf2360 ปีที่แล้ว +1

    Who Just Came Here To Learn: -webkit-box-reflect
    👇

  • @gharbiislem1885
    @gharbiislem1885 2 ปีที่แล้ว

    thanks you very much . your work is clean AF xD . Keep the hard work

  • @2005Azm
    @2005Azm 4 ปีที่แล้ว +2

    Fantastic!!

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      Thank you! ❤❤❤

  • @Mariamstacks
    @Mariamstacks 3 ปีที่แล้ว +1

    Hi, transition property backrgound, box-shadow is not working for me

  • @tharinduabishek2505
    @tharinduabishek2505 4 ปีที่แล้ว +2

    Excellent🤟🤟😁

  • @afifahmahin8137
    @afifahmahin8137 3 ปีที่แล้ว

    Wow.. this video is amazing..

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว

      Thank you ❤️

  • @samuelk1623
    @samuelk1623 4 ปีที่แล้ว +3

    Wonderful! 😍😍😍

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว +1

      Thank you! ❤

  • @themiyalumia1383
    @themiyalumia1383 4 ปีที่แล้ว +1

    *very help full **_Thank You_*

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      You are welcome! ❤

  • @youssefnageh7966
    @youssefnageh7966 2 ปีที่แล้ว

    thank you verry much you are amazing person

  • @aadityathakur3548
    @aadityathakur3548 3 ปีที่แล้ว

    Thankyou very much buddy. Great Tutorial.

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว +1

      You're most welcome!

  • @Saidur07
    @Saidur07 3 ปีที่แล้ว +1

    Fabulous!

  • @rishisharma8714
    @rishisharma8714 3 ปีที่แล้ว +1

    Which code editor is he using ?

  • @pathmashanthasenanayaka3193
    @pathmashanthasenanayaka3193 4 ปีที่แล้ว +1

    Wow..💪💪

  • @figname7852
    @figname7852 4 ปีที่แล้ว +1

    thanks ad this video , very nice

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      You're most welcome! ❤️❤️❤️

  • @mujammilhaque1852
    @mujammilhaque1852 4 ปีที่แล้ว

    Awesome video and background music is amazing 🙃🙃

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      Thank you! ❤️

  • @Mehedihasan-nt5zk
    @Mehedihasan-nt5zk 4 ปีที่แล้ว +2

    wow! love for BD

  • @zeronine570
    @zeronine570 3 ปีที่แล้ว

    Subscribed :) Nice work sir!!

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว

      You're welcome! :)

  • @AlanJojy
    @AlanJojy 3 ปีที่แล้ว

    Bro what if the local time is not correct.. like my laptop time is wrong... so what to do.... or is this viedo showing the world time tutorial.... or how to make a digital clock according to location... do u know ??

  • @ballabhsodhani
    @ballabhsodhani 3 ปีที่แล้ว +1

    i also did the same and it was amazing thank you

  • @vishwamohandoss1512
    @vishwamohandoss1512 3 ปีที่แล้ว +1

    Bro clock in left align but need right how can i change it I try center into right but none to change

  • @wsjgamer4898
    @wsjgamer4898 ปีที่แล้ว +1

    I'm using VScode and copy the all code but it's not working (Java code), so what I'm doing wrong.😅

  • @steventisdol4156
    @steventisdol4156 2 ปีที่แล้ว

    I wanted to try this but it's not working.. lol I'll keep trying. This looks really cool!

  • @chefnabil171
    @chefnabil171 2 ปีที่แล้ว

    Nice Works

  • @YoYo-zo1ns
    @YoYo-zo1ns 4 ปีที่แล้ว +1

    thanks bro this video

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      You're welcome bro! ❤️

  • @Global-y8p
    @Global-y8p 2 ปีที่แล้ว

    Thank you so much 🥰💓🥰

  • @rolando8966
    @rolando8966 ปีที่แล้ว

    Yaaaassss 👨🏻‍💻 👌🏽🔥🔥🔥🔥💎🙏🏽

  • @tariqulislam7583
    @tariqulislam7583 3 ปีที่แล้ว

    Nice works indeed :)

  • @nilufaakter5402
    @nilufaakter5402 3 ปีที่แล้ว

    this line isn''t working -webkit-box-reflect: below 1px linear-gradient(transparent, rgba(255, 255, 255, 0.1)); . can you plz tell me why

  • @arulraj1417
    @arulraj1417 3 ปีที่แล้ว +3

    Hi,
    I have been done all the things right and I have checked the mistakes also
    Every thing is working perfect but
    ‼️Im not able to see time changeing itself it's stuck with 0 hr/min/sec/months and year
    Wts the solution for this????....

  • @bluepants8140
    @bluepants8140 ปีที่แล้ว +1

    I am having an issue with the .pad(2) for the hours, minutes, and seconds if anyone could help me I would really appreciate it. Thank you!

  • @programmistph3393
    @programmistph3393 3 ปีที่แล้ว +1

    I love this

  • @احمداسماعيل-ص3م
    @احمداسماعيل-ص3م 3 ปีที่แล้ว

    Video is more than wonderful
    Can you send the code to make sure that the codes are written correctly?

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว

      Glad you like it!
      Source codes available in the channel website. Link in the description.

  • @zanispleve1777
    @zanispleve1777 2 ปีที่แล้ว

    Hi! I have same code, but i changed that to 24h, but it is not working can you please say how to repair it

  • @mustafamakina843
    @mustafamakina843 3 ปีที่แล้ว +3

    hello i am using an atomic code editor
    I have 1 html and css file in the same folder,
    everything is ok but the hour is not coming
    how can I do it? Thank you

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว

      Hello! Check the code again. It will work.

    • @mustafamakina843
      @mustafamakina843 3 ปีที่แล้ว

      @@CodingSnow ok. Thank you for your attention, have a nice day

    • @aabthafmathani2912
      @aabthafmathani2912 2 ปีที่แล้ว

      same problem here

  • @Sage-xd9oc
    @Sage-xd9oc 3 ปีที่แล้ว

    I'm doing this is vsc but why is the js part is in white color for my code pls help

  • @Theysayrdg
    @Theysayrdg 3 ปีที่แล้ว

    Is this a dynamic webpage

  • @mrprofessional2466
    @mrprofessional2466 4 ปีที่แล้ว

    Are You From? Where You Learned JS?

  • @BlockOfCode
    @BlockOfCode 3 ปีที่แล้ว

    Bro your videos are Tooo good I liked it and subscribe 😉

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว +1

      Glad you liked it bro! 🙂

    • @BlockOfCode
      @BlockOfCode 3 ปีที่แล้ว

      @@CodingSnow bro but I need your help when we view a single product how we can make that interface plse will you make a video on it I'm making an e-commerce website project 👍 it will help others too

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว

      @@BlockOfCode I've already done a video for a product card with a quick popup view. I think it might be helpful to you. Link - th-cam.com/video/tXbXQMKHTno/w-d-xo.html

  • @malamhari_
    @malamhari_ 4 ปีที่แล้ว

    Love it!

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      Thank you! ❤❤❤

    • @malamhari_
      @malamhari_ 4 ปีที่แล้ว +1

      Can someone explain what is the purpose of code lines number 47 - 50? I can see it works to configure the number of hour, minutes, and seconds. But actually how it works ? Sorry for bad english, thanks in advance :)

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      @@malamhari_ It is for the digits.
      hou.pad(2), min.pad(2), sec.pad(2)
      Imagine time is 06 : 08 : 04 PM
      Without 47-50 line function, time will display 6 : 8 : 4 PM without 2 digits.
      If it is .pad(5) like below,
      hou.pad(5), min.pad(5), sec.pad(5)
      Time will display 00006 : 00008 : 00004 PM

    • @malamhari_
      @malamhari_ 4 ปีที่แล้ว

      @@CodingSnow I see now it's all make sense, thank you again sir. You're very kind :D

  • @MadaraUchiha_404
    @MadaraUchiha_404 2 ปีที่แล้ว

    thank you

  • @triptikushwaha4653
    @triptikushwaha4653 3 ปีที่แล้ว

    Can you please tell where i am wrong... I have written the same code and everything is fine its just my clock is not uploading by itself....

    • @motivationtomove8979
      @motivationtomove8979 2 ปีที่แล้ว +1

      use the below code at end of the script "var intervalId = window.setInterval(function(){
      updateClock()
      }, 1000); "

  • @TechWithAndrew
    @TechWithAndrew 3 ปีที่แล้ว

    How can I make it so it's only Eastern time?

  • @NYTESHYFT
    @NYTESHYFT 4 ปีที่แล้ว

    My code says "Cannot read property of firstChild of null." Have any tips?

  • @tharinduabishek2505
    @tharinduabishek2505 4 ปีที่แล้ว +2

    Super🤟🤟❤️💓😘

  • @FakeJolie
    @FakeJolie 3 ปีที่แล้ว

    Im trying this with angular and Visual Code and its not working! any help ?

  • @zerinzaker21
    @zerinzaker21 2 ปีที่แล้ว

    Thanks.

  • @keisanfeodery4032
    @keisanfeodery4032 3 ปีที่แล้ว

    Linear-gradient not recoignized in my vscode.. any other option or solution?

  • @darshanraja
    @darshanraja 2 ปีที่แล้ว

    Please make video how to download this software 🙏🙏🙏

  • @rahim3070
    @rahim3070 4 ปีที่แล้ว +1

    Excellent work. Can you please fix a timezone like Europe/Berlin. Advance thanks.

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว +1

      Thank you and welcome! ❤. It is working with the timezone you in.

  • @jameebashir3087
    @jameebashir3087 ปีที่แล้ว

    thanks

  • @omkarkhadul1237
    @omkarkhadul1237 4 ปีที่แล้ว

    Which site you used for running the code

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      It's a code editor called Atom.

  • @Beingmaru
    @Beingmaru 3 ปีที่แล้ว

    Thank a lot

  • @avinashrc8251
    @avinashrc8251 3 ปีที่แล้ว

    thx bro

  • @moch.irvansyah4127
    @moch.irvansyah4127 4 ปีที่แล้ว +1

    I want ask, why the clock on my website doesn't work?

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      It should work. Did you try it with the downloaded source files?

    • @moch.irvansyah4127
      @moch.irvansyah4127 4 ปีที่แล้ว

      @@CodingSnow ooh, i see... it's something wrong. Sorry, i was wrong. it's work. Thanks.

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว +1

      @@moch.irvansyah4127 You're welcome! ❤️❤️❤️

    •  2 ปีที่แล้ว

      @@CodingSnow Source file? Are you thinking about the single *{} setting and the commented scripts, which cannot be used by default?

  • @abdulmoiz1074
    @abdulmoiz1074 3 ปีที่แล้ว

    bro can you help me add a alarm clock in this code?

  • @OrgilsYTChannel
    @OrgilsYTChannel 3 ปีที่แล้ว

    Thank you nice

    • @jadijohnson2899
      @jadijohnson2899 3 ปีที่แล้ว

      th-cam.com/video/-FwQLAjqkN4/w-d-xo.html digital clock javascript project .

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว

      Most welcome ❤

  • @senor_shorts
    @senor_shorts 4 ปีที่แล้ว

    AWesome

  • @vona5251
    @vona5251 ปีที่แล้ว

    I tried it with dreamweaver, it does not work

  • @dob1wan174
    @dob1wan174 4 ปีที่แล้ว

    Super

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      Thanks! ❤❤❤

  • @subratarudra2745
    @subratarudra2745 3 ปีที่แล้ว

    I don't know why in my case the data are not getting updated until i reload the page ?

    • @Tivinity
      @Tivinity 3 ปีที่แล้ว

      same issue i'm having, did you have any luck in fixing it?

    • @subratarudra2745
      @subratarudra2745 3 ปีที่แล้ว

      @@Tivinity no, still I am not able to fix that issue

    • @mm-sq4gb
      @mm-sq4gb ปีที่แล้ว

      you have to call the new date() function in setInterval method so that it gets updated every second

    • @subratarudra2745
      @subratarudra2745 ปีที่แล้ว

      @@mm-sq4gb Thanks!

  • @sheikhrdxarman6573
    @sheikhrdxarman6573 3 ปีที่แล้ว +1

    its not work how can me help !

  • @alicomando1195
    @alicomando1195 2 ปีที่แล้ว

    Hi
    I liked Your Video
    How Can I Make 24 Hours 45 munutes Clock
    In Html or other codes
    Like for Example Mars Time
    Has 24 hours 39 minutes
    Lets Say we Found A Planet
    That Has 24 Hours and 45 Minutes
    Thanks

  • @ritikapatidar1790
    @ritikapatidar1790 3 ปีที่แล้ว

    The clock and everything works but the numbers are not moving does anyone know why this is happening?

    • @Tivinity
      @Tivinity 3 ปีที่แล้ว

      same here, did you find a solution?

    • @ritikapatidar1790
      @ritikapatidar1790 3 ปีที่แล้ว

      @@Tivinity No not yet

  • @allvideosintamil1157
    @allvideosintamil1157 3 ปีที่แล้ว

    Bro how to put greater than or equal symbol please tell me

    •  2 ปีที่แล้ว

      [altgr "y, shift7"] >=

    •  2 ปีที่แล้ว

      >=

  • @danielpekk4590
    @danielpekk4590 2 ปีที่แล้ว

    What's the program name?

  • @BLINDFOLD-cb2yp
    @BLINDFOLD-cb2yp 4 ปีที่แล้ว

    Your clock stuck at hover in Mobile

  • @behruz_abdujalilov
    @behruz_abdujalilov 2 ปีที่แล้ว

    It does not works. I have a bit problem with JS

  • @nilufaakter5402
    @nilufaakter5402 3 ปีที่แล้ว

    refiect works in crome but it doesn''t work on firefox

    • @CodingSnow
      @CodingSnow  3 ปีที่แล้ว

      Use -moz instead -webkit

  • @Letsgooboi
    @Letsgooboi 3 ปีที่แล้ว

    omg you also use atom

  • @afreenappu9917
    @afreenappu9917 3 ปีที่แล้ว

    wow.............

  • @Makz31
    @Makz31 4 ปีที่แล้ว

    how can i make this 24h clock?

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว +1

      Remove the javascript lines below.
      if(hou == 0){
      hou = 12;
      }
      if(hou > 12){
      hou = hou - 12;
      }

    • @Makz31
      @Makz31 4 ปีที่แล้ว

      @@CodingSnow Thanks!

    • @CodingSnow
      @CodingSnow  4 ปีที่แล้ว

      @@Makz31 You're welcome! ❤️

  • @tragicgamer81
    @tragicgamer81 ปีที่แล้ว

    this code is'nt working 😫😫

  • @MDIslam-kv6rz
    @MDIslam-kv6rz 3 ปีที่แล้ว

    Hello brother Brother, I am one of your subscriber brothers. I always like and comment on all your videos. Brother, I need your help right now. Please help me.

  • @naomiasabellia3254
    @naomiasabellia3254 ปีที่แล้ว

    copy of the html code pls

  • @maninaredla4840
    @maninaredla4840 3 ปีที่แล้ว

    It's not working

  • @litunkhan4309
    @litunkhan4309 ปีที่แล้ว

    hey my var lover boy you love var your life is var var var hahahahahahahaha

  • @jr4560
    @jr4560 3 ปีที่แล้ว

    NONE OF IT WORKED

  • @carpproductions9124
    @carpproductions9124 2 ปีที่แล้ว

    didnt work

    • @stevenwoods9403
      @stevenwoods9403 2 ปีที่แล้ว +1

      Check your code. All it takes for nothing to work is maybe a comma missing or some other typo. Trust me: been there, done that. It's frustrating when sh*t doesn't work, but in 9 out of 10 situations it's probably just a silly typo.

  • @MDIslam-kv6rz
    @MDIslam-kv6rz 3 ปีที่แล้ว

    Hello brother Brother, I am one of your subscriber brothers. I always like and comment on all your videos. Brother, I need your help right now. Please help me.

  • @aabthafmathani2912
    @aabthafmathani2912 2 ปีที่แล้ว

    this is not working

    • @CodingSnow
      @CodingSnow  2 ปีที่แล้ว

      If this is not working ew digital clock design tutorial available. Please check the latest videos.

  • @MDIslam-kv6rz
    @MDIslam-kv6rz 3 ปีที่แล้ว

    Hello brother Brother, I am one of your subscriber brothers. I always like and comment on all your videos. Brother, I need your help right now. Please help me.

  • @MDIslam-kv6rz
    @MDIslam-kv6rz 3 ปีที่แล้ว

    Hello brother Brother, I am one of your subscriber brothers. I always like and comment on all your videos. Brother, I need your help right now. Please help me.

  • @MDIslam-kv6rz
    @MDIslam-kv6rz 3 ปีที่แล้ว

    Hello brother Brother, I am one of your subscriber brothers. I always like and comment on all your videos. Brother, I need your help right now. Please help me.

  • @MDIslam-kv6rz
    @MDIslam-kv6rz 3 ปีที่แล้ว

    Hello brother Brother, I am one of your subscriber brothers. I always like and comment on all your videos. Brother, I need your help right now. Please help me.