diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index d1313e59..a7f125ab 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -753,6 +753,16 @@ img.openwebrx-mirror-img
border-radius: 3px;
}
+#openwebrx-clock-utc
+{
+ color: #aaa;
+ display: inline-block;
+ font-size: 10pt;
+ float: left;
+ margin-left: 5px;
+ font-family: 'roboto-mono';
+}
+
#openwebrx-smeter-db
{
color: #aaa;
diff --git a/htdocs/index.html b/htdocs/index.html
index 3ecfc16d..52adc4ce 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -268,6 +268,7 @@
+ 00:00 UTC
0 dB
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js
index 9c2e27b1..f50baf27 100644
--- a/htdocs/openwebrx.js
+++ b/htdocs/openwebrx.js
@@ -1596,6 +1596,10 @@ function openwebrx_init() {
bookmarks = new BookmarkBar();
scanner = new Scanner(bookmarks, 1000);
initSliders();
+
+ // Run clock
+ setInterval(clock_changed, 60000);
+ clock_changed();
}
function initSliders() {
@@ -1995,3 +1999,11 @@ function nr_changed() {
}
}));
}
+
+function clock_changed() {
+ // Display UTC clock
+ const now = new Date();
+ const hours = ("00" + now.getUTCHours()).slice(-2);
+ const minutes = ("00" + now.getUTCMinutes()).slice(-2);
+ $("#openwebrx-clock-utc").html(`${hours}:${minutes} UTC`);
+}