JavaScript Javascript countdown automatisch in ein statischen text umwandeln

dennes

Lt. Junior Grade
Registriert
Okt. 2011
Beiträge
267
Hi :)

ich wollt mal fragen ob ihr mir helfen könnt =)
wollte mal ein timer erstellen, aber nach 1minute abspielen soll er stoppen, oder besser, sich in ein statischen text umwandeln, allerdings soll er auf eine bestimmte zeit basieren, so dass es zum 9ten märz abläuft.

hab den code mal hier eingefügt :)

<script>
// Set the date we're counting down to
var countDownDate = new Date("Mar 9, 2018 15:00:00").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

// Get todays date and time
var now = new Date().getTime();

// Find the distance between now an the count down date
var distance = countDownDate - now;

// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";

// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
</script>

wäre echt toll wenn ihr mir dabei helfen könnt :)

lieben gruß
dennes
 
Code:
  const countdownElement = document.getElementById('countdown');
  const targetDate = new Date(2018, 2, 10, 15);

  const interval = setInterval(updateLoop, 1000);

  setTimeout(() => clearInterval(interval), 1000 * 60); // stop after 1 minute

  function updateLoop() {
    const now = new Date();
    const timeLeft = Math.floor((targetDate - now) / 1000);

    if (timeLeft > 0) {
      countdownElement.innerText = `left: ${timeLeft} seconds`;
    }
    else {
      countdownElement.innerText = 'EXPIRED';
      clearInterval(interval);
    }
  }

Bitte den
Code:
 Tag nutzen.
Meinst du das mit nach einer Minute soll es aufhören?!
 
Hi,
kannst Du uns nochmal genauer beschreiben, was du da machen möchtest.

Gegeben ist, dass ich/irgendwer Deine Webseite am 27.02.18 um 23:15 Uhr aufrufe/aufruft.
Wann soll was genau passieren?
 
danke für die antwort, habs noch nicht hinbekommen, nach 20sek genau soll das element nicht mehr zu sehen sein :)
 
Code:
setTimeout(function () {
    document.getElementById('countdown').style.display = "none";
}, 20000);

Das sollte passen.
 
Soedy schrieb:
Code:
setTimeout(function () {
    document.getElementById('countdown').style.display = "none";
}, 20000);

Das sollte passen.


geiles ding :love: :D
klappt perfekt nach der anpassung

vielen dank! :*
 
Zurück
Oben