oster
/
hannabox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[ai] changed play time from seconds to hrs, mins, seconds

This commit is contained in:
Stefan Ostermann 2025-08-17 22:21:17 +02:00
parent 72781503fa
commit 8c5407691e
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/script.js
View File

@ -12,6 +12,17 @@ var currentSongLength = 0;
var isPlaying = false; var isPlaying = false;
var userIsInteracting = false; // Flag to track user interaction with the slider var userIsInteracting = false; // Flag to track user interaction with the slider
// Format seconds into mm:ss or hh:mm:ss when needed
function formatTime(totalSec) {
totalSec = Number.isFinite(totalSec) ? Math.max(0, Math.floor(totalSec)) : 0;
var h = Math.floor(totalSec / 3600);
var m = Math.floor((totalSec % 3600) / 60);
var s = totalSec % 60;
function pad(n) { return n < 10 ? '0' + n : '' + n; }
if (h > 0) return h + ':' + pad(m) + ':' + pad(s);
return m + ':' + pad(s);
}
// Add click event listener to each <li> element // Add click event listener to each <li> element
liElements.forEach(function(li) { liElements.forEach(function(li) {
li.addEventListener('click', function() { li.addEventListener('click', function() {
@ -74,7 +85,8 @@ function updateProgress() {
} }
var progressElement = document.getElementById('progressSlider'); var progressElement = document.getElementById('progressSlider');
progressElement.value = elapsedTime / 1000; // Convert to seconds progressElement.value = elapsedTime / 1000; // Convert to seconds
document.getElementById("progressLabel").innerHTML = Math.floor(elapsedTime / 1000); var seconds = Math.floor(elapsedTime / 1000);
document.getElementById("progressLabel").innerHTML = formatTime(seconds);
} }
} }
@ -86,10 +98,10 @@ function displayState(state) {
if (bigTitleEl) bigTitleEl.innerText = title; if (bigTitleEl) bigTitleEl.innerText = title;
var progressLabel = document.getElementById("progressLabel"); var progressLabel = document.getElementById("progressLabel");
if (progressLabel) progressLabel.innerHTML = state['time']; if (progressLabel) progressLabel.innerHTML = formatTime(Math.floor(state['time'] || 0));
var progressMax = document.getElementById("progressMax"); var progressMax = document.getElementById("progressMax");
if (progressMax) progressMax.innerHTML = state['length'] || 0; if (progressMax) progressMax.innerHTML = formatTime(Math.floor(state['length'] || 0));
var voltageEl = document.getElementById("voltage"); var voltageEl = document.getElementById("voltage");
if (voltageEl) voltageEl.innerHTML = (state['voltage'] || '') + ' mV'; if (voltageEl) voltageEl.innerHTML = (state['voltage'] || '') + ' mV';