Usando el paquete python socketio, creé un temporizador que se inicia cuando un cliente se conecta a mi servidor.
Código del lado del servidor:
import socketio sio = socketio.Server() app = socketio.WSGIApp(sio, static_files={ '/': './public/' }) @sio.event def connect(sid, environ): count = 10 while count > 0: sio.emit('timer_count', count) sio.sleep(1) count -= 1Código HTML para referencia (index.html):
<!doctype html> <html> <head> <title>Timer</title> </head> <body> <h1>Timer Build</h1> <p1 id="counter"></p1> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.1.2/socket.io.min.js"></script> <script src="/index.js"></script> </body> </html>Código JS del lado del cliente (index.js):
const sio = io(); sio.on('timer_count', function(count) { console.log(count); var s = document.getElementById("counter"); s.innerHTML = count; });Sin embargo, el comportamiento que obtengo es que los datos no se emiten al cliente hasta que parece que el código del lado del servidor ha terminado de ejecutarse (es decir, todo el recuento se imprime de una vez). ¿Cómo puedo hacer que esto se comporte como un verdadero temporizador en el que la función console.log() imprime los datos (recuento) cada segundo?
Ha agregado su ciclo en el controlador de eventos de conexión, que se usa para aceptar o rechazar la conexión. La conexión Socket.IO no se establecerá por completo hasta que regrese de este controlador.
Mueva su ciclo a un evento separado que se ejecute después de que el controlador de conexión regrese y acepte la conexión.