Lost in Japan

Lost in Japan

Shawn Mendes opens “Lost in Japan” with the most direct lyric a world clock could ask for: “All it’d take is one flight, we’d be in the same time zone.” That’s the whole tension of the song — two people separated not by feelings but by geography, by the math of how many hours apart their clocks are. The rest of the track is him trying to close that gap, driven by funky strings and the kind of urgency that only comes from knowing the other person’s day is almost over while yours is just starting.

The lyric is the tool. That is not even a stretch — the entire premise of a world clock is closing the gap between time zones, making “what time is it there?” feel as simple as “one flight.” This was the last build in a marathon session, four tools in one night. We’d already shipped the reaction time tester and the tally counter, and then the world clock and time zone converter came together as a pair. Two URLs, one shared component, because they’re really the same question asked two different ways: “What time is it there?” and “What time will it be there when it’s this time here?” Same answer, different framing.

The result is a World Clock and Time Zone Converter that shows up to 8 cities side by side, with analog clocks, business hours indicators, and a time slider that lets you scan forward and backward through the day. No account, no app, no permissions. Just your cities, your times, and the answer to “do you got plans tonight?” — no matter which tonight you’re asking about.

We’d Be in the Same Time Zone

“All it’d take is one flight, we’d be in the same time zone.” The lyric frames time zones as the barrier, not distance. Not miles, not oceans — hours. The clock is the thing that keeps people apart.

This tool puts up to 8 clocks on your screen at once. Here’s what each one gives you:

• City search. Type a city name, a country, or even a raw timezone identifier and results appear instantly. Over a thousand cities are indexed, from Tokyo to Timbuktu. Click to add, press Enter to grab the first result. Quick, no scrolling through dropdown menus that go on forever.
• Analog clocks. SVG-rendered, resolution-independent, updating every second. Hour hand, minute hand, second hand in electric blue, tick marks at every hour. They’re not decorative — glancing at eight circles and reading their hand positions is faster than parsing eight sets of digits. Press C to toggle them off if you prefer numbers only.
• Digital time. Monospace, tabular-nums, bold. The digits don’t jump when the numbers change. 12-hour or 24-hour format, your choice, saved between sessions. Displayed below the clock or large and centered when clocks are hidden.
• Date and offset. Each card shows today’s date in that zone, plus the UTC offset. If a city is already in tomorrow or still in yesterday relative to your local time, an orange badge tells you. Small detail, but it prevents the “wait, is that today’s 3 PM or tomorrow’s?” confusion.
• Reordering. Arrow buttons on each card let you arrange your zones however you want. Put your local time first, your team’s cities next, your friend in Tokyo last. The order saves.

“We’d be in the same time zone” — and until that flight happens, this tool shows you exactly how far apart those zones are.

Do You Got Plans Tonight?

“Do you got plans tonight?” In the song, it’s an invitation. In this tool, it’s the question that the business hours indicator was built to answer.

Every zone card has a small pill next to the city name, labeled with plain text: “Business hours” in green, “Near business hours” in orange, “Night” or “Early morning” in muted gray. The logic is simple — 9 AM to 5 PM is business hours, the shoulders around it are near, and everything else is off the clock. You don’t have to do the mental math of “okay, it’s 3 PM here, Tokyo is 16 hours ahead, so that’s… 7 AM tomorrow?” The pill just tells you. Green means go, gray means they’re sleeping, orange means maybe catch them before they leave.

The time slider takes this further. It’s a range control that shifts all 8 zones forward or backward by up to 12 hours, in 15-minute steps. Drag it and watch every clock, every time, every business hours badge update simultaneously. You’re not converting one time — you’re scanning the entire day across all your cities at once, looking for the window where the most pills turn green.

That’s what this tool does that most time zone converters don’t. Most converters answer “what time is 3 PM EST in Tokyo?” This one answers “when can I schedule a meeting where New York, London, and Tokyo are all awake?” The slider turns timezone math into a visual scan. Drag until the green lines up, and that’s your window.

“Do you got plans tonight?” — now you can check, across every time zone that matters to you, at a glance.

I’m a Couple Hundred Miles from Japan

“I’m a couple hundred miles from Japan, and I was thinking I could fly to your hotel tonight.” The distance is real, but the willingness to cross it is what makes the song move. Under the hood, this tool crosses those distances with the browser’s own timezone engine.

All time calculations are powered by the Intl.DateTimeFormat API, which is built into every modern browser. It knows every IANA timezone — every offset, every daylight saving transition, every edge case where a country decided to shift its clocks by 45 minutes instead of an hour. The tool doesn’t maintain its own timezone database. It trusts the browser’s, which is maintained by the international standards body and updated with every browser release. When a country changes its DST rules, the tool catches up automatically.

The analog clocks are rendered as SVG — scalable, crisp at any size, zero image assets. Each hand’s angle is calculated from the current time in that zone: the hour hand moves 0.5 degrees per minute, the minute hand moves 6 degrees per minute, the second hand jumps 6 degrees per second. The math is simple. The result looks good, which is the point.

Click-to-edit lets you set a specific time on any clock. Click the digital display, type your target time, press Enter, and every other zone shifts to show what time it would be there at that moment. The slider repositions itself to match. It’s a conversion without a form — no “from” zone, no “to” zone, no submit button. Just click, type, see.

Your zones, your format preference, and your clock visibility are all saved in localStorage. Close the tab, come back next week — your cities are still there, arranged the way you left them. Nothing is uploaded, nothing is synced, nothing is tracked. The tool doesn’t know your name, your location, or your schedule. It just knows which timezones you care about, and it keeps that information exactly where it belongs — on your device.

“I’m a couple hundred miles from Japan” — and this tool makes those miles feel like a glance instead of a calculation.

Let’s Get Lost Tonight

“Let’s get lost tonight, let’s get lost tonight.” The song ends where the title promises — lost, somewhere far from home, in the best possible way. Not confused, not disoriented. Just somewhere new, looking at the same sky from a different clock.

We built a world clock and a time zone converter. They share a component because they answer the same question from two directions — “what time is it there?” and “what time should I call?” Up to 8 cities, analog clocks, business hours pills, a time slider that scans the whole day, click-to-edit for precise conversions, fullscreen for dashboards, keyboard shortcuts for everything. All of it runs in your browser, saves to your device, and talks to exactly zero servers.

The fullscreen mode is worth mentioning on its own. Press F and the tool fills your screen — eight clocks, ticking in real time, each one showing a different slice of the same moment. Put it on a second monitor and it becomes a dashboard. Put it on a TV in the office and suddenly everyone knows what time it is in every city that matters. It’s the kind of thing that feels a little dramatic for a free browser tool, and that’s exactly why it’s satisfying.

Go try the World Clock or the Time Zone Converter. Add your cities. Slide through the day. Find the meeting window where everyone’s awake.

All it’d take is one flight — but until then, at least you’ll know what time to land.