Javasacript Countdown in Tagen, Stunden, Minuten, Sekunden
Ich versuche zum erstellen eines Zeit-count-down-Uhr. Er basiert nicht auf current_dates. Die erste Zeit, die gezogen werden, werden aus einer separaten php-Datei. Diese werden für ein browser-Spiel. Wenn jemand klickt auf die Schaltfläche, um dieses Skript. es wird überprüft, ob bestimmte Anforderungen erfüllt sind und wenn ja, dann wird das Skript anstoßen. Basierend auf der Ebene der Objekt-es zieht den ersten timer für das Verfahren Ebene. Hoffe das macht Sinn. Jedenfalls habe ich die timer-Skript von der ersten code, den ich bieten.
Dieses Skript nur Konten für Minuten und Sekunden. Ich geändert es zu zählen Tage und Stunden als gut. Irgendwo in dem Prozess, den ich versaut haben und das Skript gar nicht funktionieren überhaupt. Ich bin mir auch nicht ganz sicher, ob dies die beste Methode, um diese zu berechnen. Also, wenn Sie haben eine sauberere Methode, das zu tun dieses bitte teilen. Vielen Dank im Voraus.
Dieses Skript basiert auf einem Minuten /Sekunden-Skript, das ich sah. Hier ist das original:
<span id="countdown" class="timer"></span>
<script>
var seconds = 60;
function secondPassed() {
var minutes = Math.round((seconds - 30)/60);
var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds;
if (seconds == 0) {
clearInterval(countdownTimer);
document.getElementById('countdown').innerHTML = "Buzz Buzz";
} else {
seconds--;
}
}
var countdownTimer = setInterval('secondPassed()', 1000);
</script>
Hier ist das geänderte Skript, dass ich versuche zu zählen Tage, Stunden, Minuten und Sekunden.
<span id="countdown"></span>
<script>
var current_level = 93578;
function timer() {
var days = Math.round(current_level/86400);
var remainingDays = Math.round(current_level - (days * 86400));
if (days <= 0){
days = current_level;
}
var hours = Math.round(remainingDays/3600);
var remainingHours = Math.round(remainingDays - (hours * 3600));
if (hours >= 24){
hours = 23;
}
var minutes = Math.round(remainingHours/60);
var remainingMinutes = Math.round(remainingHours - (minutes * 60));
if (minutes >= 60) {
minutes = 59;
}
var seconds = Math.round(remainingMinutes/60);
document.getElementById('countdown').innerHTML = days + ":" + hours ":" + minutes + ":" + seconds;
if (seconds == 0) {
clearInterval(countdownTimer);
document.getElementById('countdown').innerHTML = "Completed";
}
}
var countdownTimer = setInterval('timer()', 1000);
</script>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich schließlich zurück kam, um zu betrachten, und wieder schrieb den code, und es funktioniert wie ein Charme.
JS:
HTML:
Können Sie dieses js zu verwalten timer-effizient.
http://countdownjs.org/
Persönlich würde ich die jquery-countdown-timer-integration. Es ist einfach und mit Anzahl der Optionen, um die Anzeige in verschiedenen Formaten. Da ich ziemlich neu bin JS so gut, das war der einfachste Weg, ich fand einen count/timer.
http://keith-wood.name/countdown.html
Hier ist mein ausgearbeitet und getestet Beispiel, basierend auf Ihren code