Okay, so I’ve been hyped about this “Wuwa” thing, or Wuthering Waves, whatever it’s called, for a while now. It’s some kind of open-world action RPG, sounds pretty cool, right? From the official info, you play as this character called Rover, and you wake up on a place called Solaris-3. Anyway, I saw people talking about it online, and I wanted to do something fun while waiting for the release.
So, I thought, why not make a countdown timer? I’ve been messing around with code and stuff lately, and I figured this would be a fun little project. I’ve seen that the game launches on May 22nd, so I used that as the target date.
First, I grabbed a piece of paper and jotted down what I needed. Basically, I needed to get the current date and time, then calculate the difference between that and the release date. Then, I needed to display that difference in days, hours, minutes, and seconds.
I started messing around with this online code editor, just to quickly see if I could do this. I wrote some rough code to get the current time and the release time. It was a bit messy, but I got it working. I was outputting the time difference to the console. I was pretty happy with myself, that I could even achieve this.
Next, I needed to display this countdown on a webpage. I created a simple HTML page with some basic elements, like a heading and a few divs to hold the countdown numbers. I added some basic styling to make it look less ugly. Honestly, I’m not a designer, so it wasn’t anything fancy.
Then, I spent some time cleaning up the JavaScript code, making it a bit more organized. I created a function to update the countdown every second. This was the trickiest part, I needed to make sure the countdown was accurate and updating in real time. I got frustrated a few times and had to take a break, then I came back and looked at it with fresh eyes, and boom, I got it working!
- Get current date and time: This was pretty straightforward, I just used the built-in Date object.
- Calculate the difference: This involved subtracting the release date from the current date, and then converting the result into days, hours, minutes, and seconds.
- Display the countdown: I used some basic DOM manipulation to update the HTML elements with the calculated values.
- Update every second: I used setInterval to call my update function every second, so the countdown would stay accurate.
Finally, I had a working countdown timer! It wasn’t perfect, but it was mine. I even put it up on this free hosting site, just so I could share it with people. It was a great feeling to start with an idea and actually build something, even something as simple as a countdown timer. It felt pretty awesome to see it update in real-time, ticking down the seconds until the Wuwa release.
So that’s my story about how I made a countdown timer for Wuthering Waves. It was a fun little project, and it helped me learn a few things along the way. Plus, now I have a cool little countdown timer to keep me hyped for the game. And hey, if I can do it, anyone can! Don’t underestimate yourself. Just try and you will know.
By the way, I heard that the 1.1 version, called “Thaw of Eons”, is coming out on June 28th, and the 1.3 version will probably be released around September 29th. Just keep that in mind!
