{"id":43332,"date":"2022-11-18T14:53:18","date_gmt":"2022-11-18T14:53:18","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=43332"},"modified":"2024-05-05T15:03:18","modified_gmt":"2024-05-05T15:03:18","slug":"clock-top-bar-different-locations-ubuntu","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2022\/11\/clock-top-bar-different-locations-ubuntu\/","title":{"rendered":"Show Clock in Top-bar for different Locations in Ubuntu 24.04 | 22.04"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/gnome-clock-icon.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-43333\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/gnome-clock-icon-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/gnome-clock-icon-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/gnome-clock-icon-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/gnome-clock-icon-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/gnome-clock-icon-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/gnome-clock-icon.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>This simple tutorial shows how to add world clock in top panel, so you can have a glance at what time is it now for different countries and locations.<\/p>\n<p>Say you have business world-wide or family members or good friends live in different countries, a world clock can be quite useful to know the time in their locations.<\/p>\n<p>If you&#8217;re working on <b>Ubuntu<\/b>, <b>Fedora Workstation<\/b>, or <b>other Linux with GNOME<\/b> desktop, then there&#8217;s an extension to display the time for your specified locations in top panel to make life easier.<br \/>\n<a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/worldclock-toppanel.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43341\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/worldclock-toppanel-600x332.webp\" alt=\"\" width=\"600\" height=\"332\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/worldclock-toppanel-600x332.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/worldclock-toppanel-300x166.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/worldclock-toppanel-768x425.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/worldclock-toppanel.webp 838w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>As you see in the screenshot above, it also shows the sunrise and sunset time for the selected location.<\/p>\n<h3>Step 1: Install GNOME Clock<\/h3>\n<p>The extension uses GNOME Clock for the date and time information. You need to first install it either from Ubuntu Software (or App Center for 24.04):<\/p>\n<div id=\"attachment_43335\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-gnomeclock.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-43335\" class=\"size-large wp-image-43335\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-gnomeclock-600x339.webp\" alt=\"\" width=\"600\" height=\"339\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-gnomeclock-600x339.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-gnomeclock-300x170.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-gnomeclock-768x435.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-gnomeclock.webp 1018w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-43335\" class=\"wp-caption-text\">Install GNOME Clock<\/p><\/div>\n<p><b>Pay attention that you need to install the package in native <code>.deb<\/code> format<\/b>, meaning from &#8216;ubuntu-xxx-universe&#8217;. Check the source drop-down box in header bar of Ubuntu Software. Or, press <b>Ctrl+Alt+T<\/b> to open terminal and run command to install it:<\/p>\n<pre>sudo apt install gnome-clocks<\/pre>\n<h3>Step 2: Add different locations<\/h3>\n<p>After installing the app, press <i>Super<\/i> (<i>Windows<\/i> logo) key, then search for and open it from &#8216;Activities&#8217; overview screen.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/open-gnomeclocks.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-43336\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/open-gnomeclocks.webp\" alt=\"\" width=\"525\" height=\"275\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/open-gnomeclocks.webp 525w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/open-gnomeclocks-300x157.webp 300w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>When it opens, click on the top-left corner &#8216;+&#8217; button to add locations for your business partners or family members.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/add-locations.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43337\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/add-locations-600x344.webp\" alt=\"\" width=\"600\" height=\"344\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/add-locations-600x344.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/add-locations-300x172.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/add-locations-768x441.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/add-locations.webp 873w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>Step 3: Install Extension to make World Clock display on Panel<\/h3>\n<p>For <b>Ubuntu 22.04<\/b> &amp; <b>Ubuntu 24.04<\/b>, do the steps below one by one to install the extension:<\/p>\n<ol>\n<li>Search for and install &#8216;Extension Manager&#8217; from Ubuntu Software or App Center.<\/li>\n<li>Click top-left edge &#8216;Activities&#8217; to open overview, then search for and launch &#8216;Extension Manager&#8217;.<\/li>\n<li>Finally, use the tool to search and install &#8216;Panel World Clock (Lite)&#8217; extension under &#8216;Browse&#8217; tab.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworkclock.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43338\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworkclock-600x470.webp\" alt=\"\" width=\"600\" height=\"470\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworkclock-600x470.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworkclock-300x235.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworkclock-768x601.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworkclock.webp 922w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>For <b>Ubuntu 18.04<\/b> and <b>Ubuntu 20.04<\/b>, use web browser instead to install it:<\/p>\n<ol>\n<li>First, press <b>Ctrl+Alt+T<\/b> on keyboard to open a terminal windows. When it opens, run command to install the agent package and manager app:\n<pre>sudo apt install chrome-gnome-shell gnome-shell-extension-manager<\/pre>\n<\/li>\n<li>Next, go to the extension web page by clicking the link button below:\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/946\/panel-world-clock-lite\/\" target=\"_blank\" rel=\"noreferrer noopener\">Panel World Clock (Lite)<\/a><\/div>\n<\/div>\n<\/li>\n<li>Click install browser extension if prompted via the link in that page. Finally, refresh and use the ON\/OFF switch to install it.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworldclock-browser.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43339\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworldclock-browser-600x376.webp\" alt=\"\" width=\"600\" height=\"376\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworldclock-browser-600x376.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworldclock-browser-300x188.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworldclock-browser-768x481.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-panelworldclock-browser.webp 1080w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>After installing the extension, it should display world clock in top panel alongside local date and time. If not, try <b>log out and back in<\/b> to reload it.<\/p>\n<p>In case you don&#8217;t like the default display location, you can open the configuration page in either Extension Manager or Gnome Extensions app. Then configure to:<\/p>\n<ul>\n<li>show world clock in center or right.<\/li>\n<li>Set number of clocks.<\/li>\n<li>Show\/hide local clock.<\/li>\n<li>Display city\/country name.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-worldclock.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43340\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-worldclock-600x340.webp\" alt=\"\" width=\"600\" height=\"340\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-worldclock-600x340.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-worldclock-300x170.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-worldclock-768x436.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-worldclock.webp 915w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This simple tutorial shows how to add world clock in top panel, so you can have a glance at what time is it now for different countries and locations. Say you have business world-wide or family members or good friends live in different countries, a world clock can be quite useful to know the time [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":43333,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[2066],"class_list":["post-43332","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-clock"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/43332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=43332"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/43332\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/43333"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=43332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=43332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=43332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}