JavaScript Javascript countdown automatisch in ein statischen text umwandeln

dennes

Lt. Junior Grade
Dabei seit
Okt. 2011
Beiträge
267
#1
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
 
Dabei seit
Mai 2011
Beiträge
3.441
#2
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?!
 
Dabei seit
Dez. 2014
Beiträge
99
#3
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?
 

dennes

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Okt. 2011
Beiträge
267
#4
danke für die antwort, habs noch nicht hinbekommen, nach 20sek genau soll das element nicht mehr zu sehen sein :)
 

Soedy

Lt. Commander
Dabei seit
Feb. 2008
Beiträge
1.310
#5
Code:
setTimeout(function () {
    document.getElementById('countdown').style.display = "none";
}, 20000);
Das sollte passen.
 
Top