javascript / jquery-Zeit-count-down

Ich das machen will, eine Funktion entweder mit reinem Javascript oder auch profitieren von jquery zu zählen, auf eine Endzeit wie:

//consumes a javascript date object
function countDown(endtimme){
...
}

werden und es sollte die Anzeige in html-wie

<div id="time_left_box">
    <h1>Time remaining</h1>:

    <p>hours left: ..remaining day will be here## <p>
    <p>minutes left: ##remaining day will be here## <p>
    <p>seconds left: ##remaining day will be here## <p>
</div>

In der Tat, und es wäre noch toll, wenn es erfrischen können Sie sich in jeder Sekunde.

Ich bin sehr naiv mit javascript und verwirrt darüber, wie zu nähern, jede Hilfe wäre zu schätzen.

Gut, es gibt viele kleine Stückchen, um das problem. Welche Probleme mit?

InformationsquelleAutor Hellnar | 2010-02-08

  2. 5

    Werfen Sie einen Blick auf diese: http://keith-wood.name/countdown.html

    ich sagte nur, dass 🙂
    Ja sorry 😉 ich war nur zu spät
    Ich denke, die OP machen will, eine Funktion und nicht ein plugin.
    er spricht über die Verwendung von jquery in seiner Frage, also... naja anyways, es ist bis zu der OP, um genauer zu sein hier, er wusste nicht einmal Erkenntnis @jeff ' s Antwort noch mir

    InformationsquelleAutor Jeff Maes

  3. 2

    Kann man das in JavaScript ohne plugins.

    Müssen Sie das aktuelle Datum /Uhrzeit, unten der Nenner, ist ein kleiner, als das, was Sie anzeigen. Bei deinem Beispiel würde dies bedeuten, dass Sie brauchen, um alles hinunter zu Millisekunden.

    var currentTime = new Date(n.getFullYear(), n.getMonth(), n.getDate(), n.getHours(), n.getMinutes(), n.getSeconds(), n.getMilliseconds());

    Finden Sie dann den Unterschied zwischen jetzt und der gewünschten Zeit. Dies ist gegeben, um Sie in Millisekunden. 

    var diff = endtime - currentTime;

    Weil diese zurückgegeben wird, in Millisekunden, müssen Sie wandeln Sie in Sekunden, Minuten, Stunden, Tage, etc... Das bedeutet, dass die Festlegung, wie viele Millisekunden es sind in jedem Nenner. Dann sind Sie in der Lage zu verwenden, mod und dividieren, um die Anzahl benötigt für jede Einheit. Siehe unten.

    var miliseconds = 1;
var seconds = miliseconds * 1000;
var minutes = seconds * 60;
var hours = minutes * 60;
var days = hours * 24;
var years = days * 365;

//Getting the date time in terms of units
//Floored so that they go together (to get just year/days/hours etc.. by themselves you need to use Math.round(diff/desired unit);
var numYears = Math.floor(diff / years);
var numDays = Math.floor((diff % years) / days);
var numHours = Math.floor((diff % days) / hours);
var numMinutes = Math.floor((diff % hours) / minutes);
var numSeconds = Math.round((diff % minutes) / seconds);

    Sobald Sie die Nenner, die Sie anzeigen möchten, Sie können zurückkehren, das auf die html-Seite durch die verschiedenen Methoden. Zum Beispiel:

    document.getElementById("tyears").innerHTML = numYears;

    Fasst Sie Ihre Methode. Allerdings, um es laufen auf einem festgelegten Intervall (das ist, warum Sie ein update der HTML-Anzeige innerhalb der JavaScript-Funktion), müssen Sie rufen Sie die folgende Funktion unter Angabe Ihrer Funktion, Namen und geben Sie das Intervall in Millisekunden an.

    //Call the count down timer function every second (measured in miliseconds)
setInterval(countDown(endtime), 1000);

    InformationsquelleAutor Samuel

Schreibe einen Kommentar