He estado tratando de crear un script que muestre el precio de Bitcoin y Ethereum según las preferencias de los usuarios. Entonces, si un usuario hace clic en el botón de bitcoin, muestra el precio de bitcoin y cuando el usuario hace clic en el botón de Ethereum, muestra Ethereum.
Todo funciona, pero cuando hace clic en el botón Bitcoin y luego en el botón Ethereum, crea un conflicto y sigue cambiando entre el precio de Bitcoin y Ethereum.
he tratado de usar
preciosWs1.close(); y preciosWs.close(); pero cierra completamente 1 websocket y no puede cambiar entre los precios.
JavaScript
const pricesWs = new WebSocket('wss://ws.coincap.io/prices?assets=bitcoin') const pricesWs1 = new WebSocket('wss://ws.coincap.io/prices?assets=ethereum') $(document).ready(function() { $('.buttonbtc').click(function(e) { pricesWs.onmessage = function (msg) { var str = msg.data var matches = str.match (/\b\d+(?:.\d+)?/); var finalprice = parseFloat(matches); document.getElementById("btc").innerHTML = finalprice; } }); }); $(document).ready(function() { $('.buttoneth').click(function(e) { pricesWs1.onmessage = function (msgg) { var str = msgg.data var matches = str.match (/\b\d+(?:.\d+)?/); var finalprice = parseFloat(matches); document.getElementById("btc").innerHTML = finalprice; } }); });El problema parece ser que recibe mensajes de respuesta constantes del servidor de Coinbase. Puede evitar que la pantalla de texto se actualice en el mensaje a menos que el socket que lo envió coincida con el último botón en el que se hizo clic.
En este caso, almacené el valor del último botón en el que se hizo clic en una variable llamada cp y solo actualicé la visualización del mensaje si lo envió el socket correspondiente.
Código:
const pricesWs = new WebSocket('wss://ws.coincap.io/prices?assets=bitcoin') const pricesWs1 = new WebSocket('wss://ws.coincap.io/prices?assets=ethereum'); var cp = -1;//current_price $(document).ready(function() { $('.buttonbtc').click(function(e) { cp = 0; document.getElementById("btc").innerHTML = "pending..."; pricesWs.onmessage = function (msg) { if(cp == 0) { var str = msg.data var matches = str.match (/\b\d+(?:.\d+)?/); var finalprice = parseFloat(matches); document.getElementById("btc").innerHTML = finalprice; } } }); }); $(document).ready(function() { $('.buttoneth').click(function(e) { cp = 1; document.getElementById("btc").innerHTML = "pending..."; pricesWs1.onmessage = function (msgg) { if(cp == 1) { var str = msgg.data var matches = str.match (/\b\d+(?:.\d+)?/); var finalprice = parseFloat(matches); document.getElementById("btc").innerHTML = finalprice; } } }); });Sin embargo, si también desea detener la causa raíz del problema (los mensajes constantes que envía el servidor), deberá iniciar la conexión del socket y cerrar la conexión después de un mensaje (o posiblemente alguna configuración con coinbase que solo devolverá 1 mensaje).
var pricesWs; var pricesWs1; const wlist = ['wss://ws.coincap.io/prices?assets=bitcoin', 'wss://ws.coincap.io/prices?assets=ethereum']; var cp = -1;//current_price $(document).ready(function() { $('.buttonbtc').click(function(e) { cp = 0; document.getElementById("btc").innerHTML = "pending..."; pricesWs = new WebSocket(wlist[0]); pricesWs.onopen = function() { pricesWs.onmessage = function (msg) { if(cp == 0) { var str = msg.data var matches = str.match (/\b\d+(?:.\d+)?/); var finalprice = parseFloat(matches); document.getElementById("btc").innerHTML = finalprice; } pricesWs.close(); } } }); }); $(document).ready(function() { $('.buttoneth').click(function(e) { cp = 1; document.getElementById("btc").innerHTML = "pending..."; pricesWs1 = new WebSocket(wlist[1]); pricesWs1.onopen = function() { pricesWs1.onmessage = function (msgg) { if(cp == 1) { var str = msgg.data var matches = str.match (/\b\d+(?:.\d+)?/); var finalprice = parseFloat(matches); document.getElementById("btc").innerHTML = finalprice; } pricesWs1.close(); } } }); });también se puede agregar una verificación adicional para garantizar que los enchufes no estén en proceso de abrirse cuando se hace clic en un botón