Okay, so I’ve been hyped for Furina’s banner in Genshin Impact, and I decided to make a little countdown timer for it. Nothing fancy, just something to keep track of the days.
First, I grabbed the official release date. I double-checked a few websites and forums to make sure I had the right one – gotta be accurate, right?
Then, I opened up a plain text editor. I’m not a coder, so I went with the simplest approach: HTML and a tiny bit of JavaScript. No need for anything complicated.
I started with the basic HTML structure: a tag to display the countdown, and that’s pretty much it for the HTML part.
Next, the JavaScript. This is where the magic happens. I wrote a small script that does the following:
- Calculates the difference between the release date and the current date.
- Converts that difference into days, hours, minutes, and seconds.
- Updates the tag with the calculated time.
- Repeated doing that every second.
I messed with getting time in the correct display format. At first I try the wrong way, then I looked up the way to solve it.
I saved the file as an HTML file and opened it in my browser. And there it was! A simple, working countdown timer. It’s not pretty, but it does the job. Every time I open the file, I see how much time is left until Furina’s banner. I feel pretty good.
