Hallo zusammen,
ich würde gerne einen Countdown für WHMCS nutzen für Rabatt Aktionen. Leider habe ich nun ein Problem sobald ich die Seite neu lade oder der Countdown abläuft fangt dieser wieder von vorne an. So sieht der script aus.
HTML
<div style="font-size: 120%;text-align:center;">
<div class="onlymob"><br></div>
<div class="alert alert-success" style="font-size: 120%;border-radius: 0;">
Bestelle innerhalb der nächsten <br>
<span id="discountCountdown" style="font-weight: bold;"> Tagen Stunden Minuten und Sekunden</span><br>
und erhalte <strong>80% Rabatt</strong> auf die erste Laufzeit.<br>
</div>
</div>
JavaScript
<script>
var secondsTillEnd = 120;
var seconds = secondsTillEnd;
function countDown() {
var days = Math.floor(seconds / 24 / 60 / 60);
var hoursLeft = Math.floor((seconds) - (days * 86400));
var hours = Math.floor(hoursLeft / 3600);
var minutesLeft = Math.floor((hoursLeft) - (hours * 3600));
var minutes = Math.floor(minutesLeft / 60);
var remainingSeconds = seconds % 60;
var daysText = "Tagen";
if (days === 1) {
daysText = "Tag";
}
var hoursText = "Stunden";
if (hours === 1) {
hoursText = "Stunde";
}
var minutesText = "Minuten";
if (minutes === 1) {
minutesText = "Minute";
}
var secondsText = "Sekunden";
if (remainingSeconds === 1) {
secondsText = "Sekunde";
}
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
document.getElementById('discountCountdown').innerHTML = days + " " + daysText + " " + hours + " " + hoursText + " " + minutes + " "+ minutesText +" und " + remainingSeconds + " " + secondsText;
if (seconds <= 0) {
clearInterval(countdownTimer);
document.getElementById('discountCountdown').innerHTML = "Abgelaufen";
document.location = '';
} else {
seconds--;
}
}
var countdownTimer = setInterval('countDown()', 1000);
</script>
Alles anzeigen
Der Countdown soll außerdem nach Ablauf der Zeit weg sein ohne das man es Manuel ausnehmen muss.
Ich hoffe mir kann einer weiterhelfen und das Problem beheben.
Grüße BlackBox