Okay, so I wanted to make a little countdown timer for the Genshin Impact 4.2 update. I’m super hyped for Furina, so I figured, why not? Here’s how I went about it.
First, I needed to figure out the actual release time. I googled around a bit and it looks like it’s going to drop on November 8th, 2023, at around 11:00 AM GMT+8. That’s the server time, you know.
Next, I needed to, you know, actually code something. I’m not a super pro coder or anything, Just pick up basic JavaScript will do the trick. I decided to use something called “*”. It’s a simple way for calculating the gap between the release date and current date.
The Coding Part
So, after I figured out that * thing, I started putting the code together. It basically looked something like this:
- I set a target date using that November 8th, 11:00 AM GMT+8 time I found.
- I got the current date and time. Just a simple “new Date()” does that.
- Then I did some math. I subtracted the current time from the target time. This gave me the difference in milliseconds.
- Finally, I just calculate the detail remaining days, hours, minutes, seconds, from that milliseconds difference.
I kept refreshing my little test page, watching the numbers tick down. It was actually pretty satisfying!
Making It Look Nice (Or At Least Okay)
The numbers were working, but it looked really boring. Just plain text on a white background. Ugh. I added some basic HTML to give it some structure. You know, like, separate sections for days, hours, minutes, and seconds.
Then I threw in some really simple CSS. I’m no design wizard, so I just changed the font, made the numbers bigger, and added some color. Nothing fancy, just enough to make it look a little less… sad.
Final Touches (and Future Ideas)
After I got the basic countdown and the, uh, “styling” done, I realized I could add a few more things. like add a background image. Maybe something Genshin-related? Furina, perhaps?
Anyway, that’s basically it! That’s how I made my little Genshin 4.2 countdown. It’s not perfect, but it works, and it gets me even more excited for Furina. Now I just have to stare at this timer until November 8th…
