¿Qué tipo de temporizador usa este sitio?
-
27-10-2019 - |
Pregunta
Mi equipo y yo realmente trabajando en un sitio como www.bidrivals.com/us (Sitio de subastas de centavo)
Examino los códigos encontrados
<div class="timer online">
<div class="text">00:00:03</div>
</div>
No pude encontrar nada en el archivo JS de este sitio ... ¿Puede algún cuerpo decirme qué tipo de temporizador JS está usando este sitio? ¿Algún código de ejemplo para eso? ¿Algo disponible como este en J de consulta o Marco de prototipo?
Solución
JavaScript proporciona el setTimeout
y setInterval
Funciona para ejecutar acciones en un "tiempo establecido" en milisegundos.
https://developer.mozilla.org/en/dom/window.settimouthttps://developer.mozilla.org/en/window.setinterval
Ejemplo:
// 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
En el caso de este sitio web, ejecutan una solicitud de XHR cada segundo para obtener los datos para cada oferta. Consulte la consola para ver las solicitudes.
Otros consejos
Hay un recuento del lado del servidor para controlar los éxitos y el tiempo.
controlar $. .post en jQuery, en este caso, llama a un script del lado del servidor que informa la página web los tiempos, y las acciones de oferta ... Una vez con estos datos, cambia los valores de Div con la función de devolución de llamada.
Consulte las solicitudes de la red con Firebug, verá un JSON proveniente de una página web GetData.