Welche Art von Timer verwendet diese Site?

Question

Ich und mein Team arbeiten wirklich auf einer Seite wie wie www.bidrivals.com/us (Penny Auction Site)

Ich stöbere die gefundenen Codes

<div class="timer online">
<div class="text">00:00:03</div>
</div>

Ich konnte in der JS -Datei dieser Website nichts finden ... Kann mir ein Körper sagen, welchen JS -Timer diese Website verwendet? Ein Beispielcode dafür? Etwas in j Query- oder Prototyp -Framework ist so etwas verfügbar?

Answer 1

JavaScript liefert die setTimeout und setInterval Funktionen, um Aktionen zu einer "festgelegten Zeit" in Millisekunden auszuführen.

https://developer.mozilla.org/en/dom/window.settimeouthttps://developer.mozilla.org/en/window.setinterval

Beispiel:

// this is will act like a counter on the page
var t = 0,
    div = document.createElement('div');
div.innerHTML = t;
document.body.appendChild(div);
setInterval(function () {
    t += 1;
    div.innerHTML = t;
}, 1000); // this will run once every second

Bei dieser Website führen sie jede Sekunde eine XHR -Anfrage aus, um die Daten für jedes Gebot zu erhalten. Checkout der Konsole, um die Anfragen zu sehen.

Answer 2

Es gibt eine Serverseite, um die Hits und die Zeit zu steuern.

überprüfen $ .post in jQuery, In diesem Fall rufen Sie ein Server -Side -Skript auf, das die Webseite die Zeiten und die Geboteaktionen informiert ... Einmal mit diesen Daten ändern Sie die Div -Werte mit Rückruffunktion.

Überprüfen Sie die Netzwerkanfragen mit Firebug. Sie werden sehen, dass ein JSON von einer GetData -Webseite stammt.