Genau genommen haben die meisten Schieberegler überhaupt keine Beschriftung ... aber wenn Sie die Anzeige eines Wertes aktivieren, wird standardmäßig ein Prozent-Wert angezeigt.
Wie man den Wertebereich prinzipiell auch auf andere Weise transformieren und ausgeben kann, beschreibt die Anleitung zum Schieberegler.
Nun sind Zeiten ein wenig komplexer, weil Minuten ja in einem 60er-Zahlensystem laufen. Aber auch da ist es natürlich möglich. Nehmen wir als Beispiel einmal, dass 24 Stunden inkl. 1/4-Stunden abgefragt werden sollen. Das macht 24-mal 4 plus 1 (damit 0:00 und 24:00 gleichermaßen möglich sind) mögliche Werte. Als Differenzierung im Schieberegler müsste man also 1..97 einstellen. Außerdem muss man einstellen, dass der Wert angezeigt werden soll.
Der Rest ist triviale Mathematik, Gymnasium Unterstufe: Den Wert durch 4 dividieren, den Rest mit 60 Multiplizieren und das Ganze dann noch hübsch mit einem Doppelpunkt verbinden:
<script type="text/javascript">
<!--
formatter = function(value, reversed) {
if (value < 0) return "";
value = Math.round(value - 1);
var hours = Math.floor(value / 4);
var minutes = Math.round(60 * (value % 4) / 4);
if (minutes < 10) minutes = "0" + minutes;
return hours + ":" + minutes + " Std.";
}
SoSciSliders.setFormat(formatter);
// -->
</script>