The Clock Extension Chrome

The Clock Extension

Do you want to know the current time of different places in the world? This extension, The Clock, will exactly present to you what you want to know!

Instead of having to remember the time difference between time zones, within on click onto the extension icon on your upper right hand corner, you can immediately access the time for different time zones!

In this project, I aimed to provide a minimalist approach towards the presentation of clocks - making the UI simple to manage. What you have to do is to type the time zone into the text field and the supported time zones will appear below it. If you want a certain time zone to be included but you can't find it from the current ones provided, feel free to reach out and comment in the comment section of which area zones you want to be added! Also feel free to give improvement suggestions in the comments tabs! I would love to listen to you guys for improvements since it is also my first Google Extension!

This app also facilitates interactions between people in different time zones. For example, if you want to collaborate with other people in other time zones on projects, sometimes it is hard to remember or figure out the time, hence it may cause confusions. With this extension, within a click, you can immediately retrieve the information you need without the need to swipe away from the webpage you are reading from, which make things easier.

Some advantages of using this clock:
- Provides instant time for 150+ Countries/places!
- Simple UI which users can add a few clocks that they want into the list.
- Display both Analog and Digital time.
- Users do not need to swipe away from their current webpage to retrieve time.
- Minimalist design which works well with Chrome
- Daylight Saving Time issues are automatically taken care of, and indicated in the extension for the region.

Please feel free to try out my tab and review! Thanks very much~

(P.S. credits to CoolClock at http://randomibis.com/coolclock/ for their design of the analog clock)

Newest Update(Version 1.0.0.11):
Updated the Daylight saving code such that it reflects coherent DST changes.

Implemented Sortable on time canvases for easier arrangements of the canvases. Thanks RubaXa for his project on Sortable!
Sortable: https://github.com/RubaXa/Sortable

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "The Clock", "description": "Provides easy access for users to keep track of time in different time zones and plan for activities!", "icons": { "16": "images/icon16.png", "32": "images/icon32.png", "64": "images/icon64.png", "128": "images/icon128.png" }, "version": "1.0.0.11", "browser_action": { "default_popup": "html/popup.html", "default_title": "Your Timely Helper!" }, "permissions": [ "activeTab", "storage" ], "background":{ "scripts": ["js/jquery-3.2.1.js" ,"js/coolclock.js", "js/moreskins.js","js/background.js", "js/sortable.js"] }, "homepage_url": "https://edwinfychan.com", "content_security_policy": "script-src 'self' https://ssl.google-analytics.com 'unsafe-eval'; object-src 'self'"}

The Clock

Provides easy access for users to keep track of time in different time zones and plan for activities!

Latest Version

The Clock Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated