Skip to content
Submitted almost 3 years ago

launch-countdown-timer using Vanilla Js

CodexJay•320
@Jay035
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Launch countdown timer
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Any idea on how to create the light horizontal line on the counter boxes will be appreciated

Community feedback

  • Alex•2,010
    @AlexKMarshallPosted almost 3 years ago

    Hey there this looks good but you have a small bug in your js.

    setInterval only runs the callback after the interval is passed, so for the first 1000ms the screen just shows {time}. It will also show the wrong thing if the JavaScript takes a while to load over the network.

    So you might want to set up some loading state in the initial html, and then make sure you render the time as soon as JavaScript is available. And then set up the interval

    Marked as helpful
    0
    CodexJay•320
    @Jay035Posted almost 3 years ago

    @AlexKMarshall Thanks, I'll look into that

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord