Versions-Historie des Beitrags „Javascript Problem bei mehrere ID's“

Javascript Problem bei mehrere ID's

bearbeitet von

Flowers79 01.10.2023 14:51

Hallo erstmal
Ich habe ein Problem mit ein JS für einen countdown.
Er soll bei jeder ID den countdown anzeigen was über eine php Abfrage mit MySQL angezeigt wird und dann in ein template angezeigt wird.
Das Script funktioniert tadellos bei nur eine ID, aber bei mehrere ID's funktioniert es nur bei eine ID, die andere bleiben stumm
Hier den Code von der html.
Ach so allesandere was aufgelistet werden soll wie zb ID,bild usw.. funktioniert bei mehrere ID's

~~~html

<script type="text/javascript">
var finalEventDt = new Date("{challenges.TSTATUS}").getTime();

var x = setInterval(function() {
var now = new Date().getTime();

var delay_total = finalEventDt - now;

var days = Math.floor(delay_total / (1000 * 60 * 60 * 24));
var hours = Math.floor((delay_total % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((delay_total % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((delay_total % (1000 * 60)) / 1000);
document.getElementById("example").innerHTML = days + " Tage " + hours + " Stunden "
+ minutes + " minuten " + seconds + " sekunden ";

if (delay_total < 0) {
clearInterval(x);
document.getElementById("example").innerHTML = "Spielzeit abgelaufen";

}
}, 1000);
</script>

<td class="arcade-cvm" id="example">{challenges.TSTATUS}</td>

~~~

Was habe ich falsch gemacht im Javascript?

Javascript Problem bei mehrere ID's

bearbeitet von

Gunnar Bittersmann 01.10.2023 15:13

Hallo erstmal
Ich habe ein Problem mit ein JS für einen countdown.
Er soll bei jeder ID den countdown anzeigen was über eine php Abfrage mit MySQL angezeigt wird und dann in ein template angezeigt wird.
Das Script funktioniert tadellos bei nur eine ID, aber bei mehrere ID's funktioniert es nur bei eine ID, die andere bleiben stumm
Hier den Code von der html.
Ach so allesandere was aufgelistet werden soll wie zb ID,bild usw.. funktioniert bei mehrere ID's

~~```html~~~~~

<script type="text/javascript">
var finalEventDt = new Date("{challenges.TSTATUS}").getTime();

var x = setInterval(function() {
var now = new Date().getTime();

var delay_total = finalEventDt - now;

var days = Math.floor(delay_total / (1000 * 60 * 60 * 24));
var hours = Math.floor((delay_total % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((delay_total % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((delay_total % (1000 * 60)) / 1000);
document.getElementById("example").innerHTML = days + " Tage " + hours + " Stunden "
+ minutes + " minuten " + seconds + " sekunden ";

if (delay_total < 0) {
clearInterval(x);
document.getElementById("example").innerHTML = "Spielzeit abgelaufen";

}
}, 1000);
</script>

<td class="arcade-cvm" id="example">{challenges.TSTATUS}</td>

~~```~~~~~

Was habe ich falsch gemacht im Javascript?

Javascript Problem bei mehrere ID's

bearbeitet von

Rolf B 01.10.2023 14:57

Hallo erstmal
Ich habe ein Problem mit ein JS für einen countdown.
Er soll bei jeder ID den countdown anzeigen was über eine php Abfrage mit MySQL angezeigt wird und dann in ein template angezeigt wird.
Das Script funktioniert tadellos bei nur eine ID, aber bei mehrere ID's funktioniert es nur bei eine ID, die andere bleiben stumm
Hier den Code von der html.
Ach so allesandere was aufgelistet werden soll wie zb ID,bild usw.. funktioniert bei mehrere ID's
~~[code]~~
```html

<script type="text/javascript">
var finalEventDt = new Date("{challenges.TSTATUS}").getTime();

var x = setInterval(function() {
var now = new Date().getTime();

var delay_total = finalEventDt - now;

var days = Math.floor(delay_total / (1000 * 60 * 60 * 24));
var hours = Math.floor((delay_total % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((delay_total % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((delay_total % (1000 * 60)) / 1000);
document.getElementById("example").innerHTML = days + " Tage " + hours + " Stunden "
+ minutes + " minuten " + seconds + " sekunden ";

if (delay_total < 0) {
clearInterval(x);
document.getElementById("example").innerHTML = "Spielzeit abgelaufen";

}
}, 1000);
</script>

<td class="arcade-cvm" id="example">{challenges.TSTATUS}</td>

~~[/code]~~```

Was habe ich falsch gemacht im Javascript?

Javascript Problem bei mehrere ID's

bearbeitet von

Gunnar Bittersmann 01.10.2023 14:56

Hallo erstmal Ich habe ein Problem mit ein JS für einen countdown. Er soll bei jeder ID den countdown anzeigen was über eine php Abfrage mit MySQL angezeigt wird und dann in ein template angezeigt wird. Das Script funktioniert tadellos bei nur eine ID, aber bei mehrere ID's funktioniert es nur bei eine ID, die andere bleiben stumm Hier den Code von der html. Ach so allesandere was aufgelistet werden soll wie zb ID,bild usw.. funktioniert bei mehrere ID's [code]  <script type="text/javascript"> var finalEventDt = new Date("{challenges.TSTATUS}").getTime(); var x = setInterval(function() { var now = new Date().getTime(); var delay_total = finalEventDt - now; var days = Math.floor(delay_total / (1000 * 60 * 60 * 24)); var hours = Math.floor((delay_total % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((delay_total % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((delay_total % (1000 * 60)) / 1000); document.getElementById("example").innerHTML = days + " Tage " + hours + " Stunden " + minutes + " minuten " + seconds + " sekunden "; if (delay_total < 0) { clearInterval(x); document.getElementById("example").innerHTML = "Spielzeit abgelaufen"; } }, 1000); </script> <td class="arcade-cvm" id="example">{challenges.TSTATUS}</td>  [/code] Was habe ich falsch gemacht im Javascript?