Print Shortlink

FoxClocks for Google Chrome – How it Works

Install FoxClocks for Chrome by clicking here

Setting up FoxClocks for the first time

FoxClocks adds a ‘statusbar’ to the bottom of the browser, initially showing the current time in London, New York and Hong Kong. It also adds a small blue FoxClocks button to the right of Chrome’s address bar. Clicking on this button will again show the three default clocks, this time in a popup ‘Watchlist’, without leaving the web page you are visiting.

You’ll probably want to change the clocks from the default, which you can do from the Options window. FoxClocks will automatically open the Options window when first installed. You can later open the Options in several ways: by double-clicking the statusbar, by right-clicking the FoxClocks button and choosing ‘Options’, or by clicking the FoxClocks button and then the ‘FoxClocks Options’ button at the bottom of the popup Watchlist.

FoxClocks Options

FoxClocks Options Window - Chrome

Zone Picker
The Zone Picker allows you to browse virtually all the world’s time zones by geographic region. Expand a continent to browse countries or cities in that continent. Click on one or more zones to select them, then add them to your Watchlist by drag-and-drop, or by clicking the ‘Add to Watchlist button’. You can also quickly add a zone to your Watchlist by double-clicking it.

You can also add a zone to the Watchlist via Search Cities: just begin typing the city or place name, and click on the desired search result to add it to the Watchlist.

The Watchlist shows your selected locations and their current local time. Hover over a location to reveal further options:

  • Click the location’s flag to toggle its visibility in the statusbar
  • Click the location’s name to edit it; a location can have no name if you like
  • Click the information icon to the right of the name to view more information about the location’s time zone, such as future Daylight Saving Time changes and a Google Maps link
  • [Advanced] Click in the time format box to specify a custom time format for that location; click the help icon to the right of this box to open up a custom time format ‘cheat-sheet’
  • Drag-and-drop to reposition the location in the Watchlist; click the ‘delete clock’ icon to remove it

From the Tools section you can change the global time format, move or disable the statusbar, and manually update FoxClocks’ time zone database.

  • Time format: choose your preferred time format from the dropdown menu, or [advanced] specify a custom time format (click the help icon to the right of this box to open up a custom time format ‘cheat-sheet’). This time format applies to all location that don’t have a custom time format
  • Statusbar – top/bottom/left/right: you can position the statusbar at the top or bottom of the browser window, and have the clocks aligned to the left or right. Additionally you can completely disable the statusbar, if you find it is interfering with web pages; you can still access your clocks via the FoxClocks button next to the address bar.
  • Statusbar –  use ‘transform’/no ‘transform’: [advanced] if you’re having problems with FoxClocks’ statusbar overlaying your web pages, but don’t want to disable the statusbar, try enabling “use ‘transform’” – this will fix overlay issues, but might have other visual side-effects on some web sites, due to a known Chrome/W3C issue. Technical details: Chrome does not allow extensions to create ‘real’ toolbars or statusbars; instead, FoxClocks injects HTML into every web page to simulate a real statusbar; enabling “use ‘transform’” tells FoxClocks to make use of CSS 2D transforms to fix overlay issues. See here for very technical details on the Chrome/W3C issue that might cause visual side-effects if you enable this option!
  • Time zone db: FoxClocks automatically checks for updates to its internal time zone database every week, but you can also force a manual check here.


You can find a Ukrainian version of this page here.