Entradas

Mostrando las entradas con la etiqueta javascript y css ejemplo

Cómo comenzar a trabajar con WebSocket en Tennis API

Imagen
 Mientras desarrollaba un ejemplo de integración con JavaScript y WebSocket con Tennis API , descubrí que la información está distribuida en dos sitios distintos. Al principio intenté conectarme únicamente con la guía general de WebSocket y, aunque logré autenticarme correctamente, todavía no era evidente qué eventos o endpoints debía utilizar para recibir información en tiempo real. El primer recurso que recomiendo leer es la guía Tennis WebSocket API Guide . En este artículo se explica el concepto de la integración mediante WebSocket, las ventajas frente a una API REST y el uso de Socket.IO para recibir actualizaciones en tiempo real sin realizar consultas HTTP constantes. Sin embargo, durante mis pruebas descubrí que esa guía está enfocada en explicar el funcionamiento general de la tecnología y no contiene todos los detalles necesarios para comenzar a consumir los eventos disponibles. Para conocer los eventos, endpoints y métodos específicos que utiliza la plataforma es nec...

JavaScript para crear un contador descendente

Imagen
 Hola en la publicación de hoy les comparó como podemos hacer un cont down o contador descendente para algún evento importante, por ejemplo yo lo voy a poner para la llegada del segundo aniversario de este blog 😋 que es el 27 de abril. Entonces para hacer un contador necesitamos una variable para la fecha objetivo, otro el dato de fecha actual, utilizar la función Math para hacer la resta y preparar nuestra página vamos a utilizar J avaScript para hacer la función      <script>     var varobjetivo = new Date("April 27, 2021 00:00:002").getTime();     var contdown = setInterval(function() {     var now = new Date().getTime();     var timeleft = varobjetivo - now;     var days = Math.floor (timeleft / (1000 * 60 * 60 * 24));     var hours = Math.floor((timeleft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));     var minutes = Math.floor((timeleft % (1000 * 60 * 60)) / (1000 * 60));   ...

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!