Hallo zusammen,
an meiner CCU 3 nutze ich die Wetterstation pro.
In der Neo Creator App, werden mir die Werte der Sonnenstunden in Minuten angegeben. Wisst Ihr, wie man dieses in h ändern kann? Bei einem Tag kann man ja sicher noch rechnen, bei Jahren wird es dann schon schwieriger
Vielen Dank für Eure Hilfe
Sonnenscheidauer in h in Aio Creator
Moderator: Co-Administratoren
-
- Beiträge: 3
- Registriert: 02.10.2022, 07:16
- System: CCU
Sonnenscheidauer in h in Aio Creator
Zuletzt geändert von Roland M. am 05.04.2024, 15:45, insgesamt 1-mal geändert.
Grund: Thema verschoben
Grund: Thema verschoben
-
- Beiträge: 6821
- Registriert: 22.05.2012, 08:40
- System: CCU
- Hat sich bedankt: 25 Mal
- Danksagung erhalten: 497 Mal
Re: Sonnenscheidauer in h in Aio Creator
Erstelle Dir ein Element vom Typ Webseite auf der Remoteoberfläche, an der Position, an der Du den formartierten Wert anzeigen möchtest.Sheldon_1977 hat geschrieben: ↑05.04.2024, 09:01In der Neo Creator App, werden mir die Werte der Sonnenstunden in Minuten angegeben. Wisst Ihr, wie man dieses in h ändern kann?
Weise dann dem Element vom Typ Webseite als Status die Sonnenscheindauer zu.
Anschließend klickst Du auf HTML-Gerüst festlegen und ergänzt dort folgenden Code
Abschnitt Dokument-Beginn:
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sonnenscheindauer umrechnen und anzeigen</title>
<style>
html {
background: transparent;
color: white;
font-family: sans-serif;
padding: 10px;
}
/* Verstecke das Element mit der ID 'originalNumber' */
#originalNumber {
display: none;
}
/* CSS-Stile für die formatierte Sonnenscheindauer */
.formatted-duration {
font-size: 18px; /* Schriftgröße */
color: #FFA500; /* Schriftfarbe (orange) */
/* Weitere CSS-Stile nach Bedarf hinzufügen */
</style>
</head>
<body>
Code: Alles auswählen
<!-- Verstecktes Element für die ursprüngliche Sonnenscheindauer -->
<span id="originalNumber">%neo_state%</span>
<!-- Anzeige der formatierten Sonnenscheindauer -->
<p>Formatierte Sonnenscheindauer: <span id="formattedDuration"></span></p>
<script>
// Funktion zur Umrechnung und Formatierung der Sonnenscheindauer
function formatSunshineDuration(minutes) {
// Berechnung der Jahre, Monate, Tage, Stunden und Minuten
var years = Math.floor(minutes / (60 * 24 * 365));
var months = Math.floor((minutes % (60 * 24 * 365)) / (60 * 24 * 30));
var days = Math.floor((minutes % (60 * 24 * 30)) / (60 * 24));
var hours = Math.floor((minutes % (60 * 24)) / 60);
var remainingMinutes = minutes % 60;
// Erstellung der formatierten Ausgabe
var formattedDuration = "";
if (years > 0) {
formattedDuration += years + " Jahr";
if (years > 1) formattedDuration += "e";
formattedDuration += ", ";
}
if (months > 0) {
formattedDuration += months + " Monat";
if (months > 1) formattedDuration += "e";
formattedDuration += ", ";
}
if (days > 0) {
formattedDuration += days + " Tag";
if (days > 1) formattedDuration += "e";
formattedDuration += ", ";
}
if (hours > 0) {
formattedDuration += hours + " Stunde";
if (hours > 1) formattedDuration += "n";
formattedDuration += ", ";
}
if (remainingMinutes > 0) {
formattedDuration += remainingMinutes + " Minute";
if (remainingMinutes > 1) formattedDuration += "n";
}
return formattedDuration;
}
// Hole die ursprüngliche Sonnenscheindauer in Minuten
var originalMinutes = parseInt(document.getElementById('originalNumber').textContent);
// Formatiere die Sonnenscheindauer und zeige sie an
var formattedDuration = formatSunshineDuration(originalMinutes);
document.getElementById('formattedDuration').textContent = formattedDuration;
</script>
Code: Alles auswählen
</body></html>
Nun solltest Du in der Vorschau im AIO CREATOR NEO bzw. später in NEO selber an der Position des Webseitenelements eine formatierte Ausgabe vorfinden. Die Ausgabe kannst Du dann noch nach eigenen Anforderungen individuell anpassen und im Layout mit CSS die Schriftart, Größe, Farbe usw. individuell an Deine persönlichen Bedürfnisse anpassen, das Layout ist mit .formatted-duration im Dokument-Beginn Teil zugewiesen.