InternInhaltsverzeichnisGlossarBausteineLinklisteTutorialsKommentare

Thema: Zeitbalken Artikel anzeigen

Sven Kirschner ✶✶✶✶✶ schrieb am Freitag, den 17 September 2021 #1
Hallo Werner,

bin von diesem Script begeistert. Danke schonmal dafür.

Meine Frage: Gibt es eine Möglichkeit, die Ausgabe in Prozent auch mit Nachkommastellen anzeigen zulassen?

Also zum Beispiel: 79,2 % anstatt nur 79 %?

Danke im Voraus.
Werner schrieb am Samstag, den 18 September 2021 #2
Ich habe zwei JS und PHP-Beispiele mit "Nachkommastellen" hinzugefügt.
Sven Kirschner schrieb am Mittwoch, den 9 März 2022 #3
Hi Werner,

das mit den Nachkommastellen funktioniert super. Allerdings zeigt er: 18.20% an. Wie bekomme ich den Punkt durch ein Komma ersetzt? Also zum Beispiel: 18,20%. Danke dir im Voraus.
Werner schrieb am Samstag, den 12 März 2022 #4
In PHP mit:
$Prozentx = str_replace('.', ',', $Prozent);
echo "<div style='width: " . $Prozent . "%; background: #00DB00; text-align: right;'>" . $Prozentx . "% </div>";

In JavaScript mit:
Prozentx = Prozent.replace (/\./gi, ",");
document.write("<div style='width: " + Prozent + "%; background: #FFDBFF; text-align: right;'>" + Prozentx + "% <\/div>");
Sven Kirschner ✶✶✶✶✶ schrieb am Samstag, den 12 März 2022 #5
Guten Morgen, danke dir und bei JavaScript?
Werner schrieb am Samstag, den 12 März 2022 #6
Ich habe es oben noch einmal angepasst.
Sven Kirschner ✶✶✶✶✶ schrieb am Samstag, den 12 März 2022 #7
<script>
var StartDatum = "March 1, 2022 00:00:00"; // Format: Monat Tag, Jahr (englische Monatsnamen verwenden!)
var EndDatum = "March 28, 2022 23:59:59";

var Anfang = new Date(StartDatum).getTime();
var Prozent = ((new Date().getTime() - Anfang) / (new Date(EndDatum).getTime() - Anfang)) * 100;
Prozent = Prozent.toString();
Prozent = Prozent.replace (/\./gi, ",");
Prozent = Prozent.substr(0,5);
if (Prozent > 100) Prozent = 100;
if (Prozent < 0.01 ) Prozent = 0;
document.write("<div style= 'width: " + Prozent + "%; height: 30px; background: #ff0400; text-align:right; padding: 1px; font-size:24px;'> <b>März&nbsp;2022&nbsp;&nbsp;" + Prozent + "%&nbsp;</b> </div>");
</script>

Habe es jetzt so versucht. Das Komma wird angezeigt, aber der Wert ist 48,02 % und der Balken ist aber schon zu 100% gefüllt.
Werner schrieb am Samstag, den 12 März 2022 #8
Schaue bitte oben nach und ersetze die rot markierte Variable!
Sven Kirschner ✶✶✶✶✶ schrieb am Samstag, den 12 März 2022 #9
Danke, stimmt war mein Fehler.
Aber wenn ich den Code jetzt so nutze, passt es alles.

Aber sobald 100% erreicht sind, hört er bei 100% nicht auf, sondern zählt weiter.

Bei dem Folgenden Code aktuell: 105,8%

<script>
var StartDatum = "March 7, 2022 00:00:00"; // Format: Monat Tag, Jahr (englische Monatsnamen verwenden!)
var EndDatum = "March 11, 2022 23:59:59";

var Anfang = new Date(StartDatum).getTime();
var Prozent = ((new Date().getTime() - Anfang) / (new Date(EndDatum).getTime() - Anfang)) * 100;
Prozent = Prozent.toString();
Prozent = Prozent.substr(0,5);
Prozentx = Prozent.replace (/\./gi, ",");
if (Prozent > 100) Prozent = 100;
if (Prozent < 0.01 ) Prozent = 0;
document.write("<div style= 'width: " + Prozent + "%; height: 30px; background: #ff0400; text-align:right; padding: 1px; font-size:24px;'> <b>&nbsp;Akt.&nbsp;Woche&nbsp;" + Prozentx + "&nbsp;%&nbsp;</b> </div>");
</script>
Sven Kirschner ✶✶✶✶✶ schrieb am Samstag, den 12 März 2022 #10
Das bringt leider nix. Es ändert sich gar nix.

Wenn ich das Enddatum auf den 9. setze, dann zeigt er zum Beispiel: 1366,% an.

Die Prozentzahl steigt immer weiter. Aber er zeigt nach dem Komma auch nix mehr an. Er müsste doch theoretisch 1366,5% zum Beispiel zeigen, macht er aber nicht.