JavaScript-WebSocket 获得火币网 ETC ETH BTC等实时交易价格 demo0

小鱼儿 2022-11-12 02:52 223阅读 0赞

### 简单demo效果图(以ETH为例子 ): ###

![2021032216243471.png][]

![20210322161055393.gif][]

## ##

# 下载成交金额数量日志 导出TXT： #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDE5NTQyMg_size_16_color_FFFFFF_t_70][]

# 代码很简单 注释也有： #

### (网络问题自行解决) ###

<!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>  
        <script src="https://cdn.bootcss.com/pako/1.0.6/pako.min.js"></script>  
    <script type="text/javascript">
        var sock = null;
    
        //websocket地址还有很多 网络问题自行解决
        //websocket地址还有很多 网络问题自行解决
        //var wsUri = "wss://api.huobi.pro/ws";
        //var wsUri = "wss://api-aws.huobi.pro/ws";
        //var wsUri = "wss://api.huobipro.com/ws";
        var wsUri = "wss://api.hadax.com/ws";
    
        window.onload = function() {
            sock = new WebSocket(wsUri);
            sock.onopen = function() {
                console.log("online ---  ws is open");
                //比特币  BTC
                //sock.send(JSON.stringify({"sub":"market.btcusdt.trade.detail","id":"BTC"}));
                //以太坊 ETH
                sock.send(JSON.stringify({"sub":"market.ethusdt.trade.detail","id":"ETH"}));
                //以太经典 ETC
                //sock.send(JSON.stringify({"sub":"market.etcusdt.trade.detail","id":"ETC"}));
            }
            sock.onclose = function(e) {
                console.log("offline ---  ws is close");
            }
            sock.onmessage = function(evt) {
                 if(evt.data instanceof Blob){
                    var result = '';
                    var reader = new FileReader();
                    reader.onload = function() {
                         result = JSON.parse(pako.inflate(reader.result,{to:'string'}));
                         if(result.ping){
                            sock.send(JSON.stringify({pong:result.ping}));
                         }
                         if (result.tick!=null) {
                         	var data=result.tick.data;
    
                         	for (var i = data.length - 1; i >= 0; i--) {
                         		$("#price").text(data[i].price);
                         		outLogs("数量："+data[i].amount+"          成交价格:"+data[i].price,data[i].ts);
                         		console.log(data[i].ts);
                         	}
                         }
                         
                     }
                     reader.readAsBinaryString(evt.data);
                 }
            }
        };
    </script>
    
    <body>
    	价格：<span id="price">未连接</span> $ / usdt    <button onclick="downloadLogs()">下载成交记录</button>
    	<br><br>
    	<div id="model_logs" style="width:600px;height:700px;padding:10px;overflow:auto;"></div>
    
    
    
    
    
    
    <script type="text/javascript">
    	//输入日志
    function outLogs(log,ts) {
        var myDate = dateFormat("YYYY mm-dd HH:MM:SS", new Date(ts));
        $("#model_logs").prepend('<p>[' + myDate + '] ' + log + '</p>');
    }
     
     
    //生成下载日志文件
    function downloadLogs() {
        var logs = $("#model_logs").html().replace(/<p>/g, "");
        //替换</p>为"\r\n" windows txt中的换行符
        logs = logs.replace(/<\/p>/g, "\r\n");
        var filename = dateFormat("YYYYmmddHHMMSS", new Date()) + ".txt";
        var element = document.createElement('a');
        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(logs));
        element.setAttribute('download', filename);
        element.style.display = 'none';
        document.body.appendChild(element);
        element.click();
        document.body.removeChild(element);
    }
     
    //格式化时间
    function dateFormat(fmt, date) {
        let ret;
        const opt = {
            "Y+": date.getFullYear().toString(),        // 年
            "m+": (date.getMonth() + 1).toString(),     // 月
            "d+": date.getDate().toString(),            // 日
            "H+": date.getHours().toString(),           // 时
            "M+": date.getMinutes().toString(),         // 分
            "S+": date.getSeconds().toString()          // 秒
            // 有其他格式化字符需求可以继续添加，必须转化成字符串
        };
        for (let k in opt) {
            ret = new RegExp("(" + k + ")").exec(fmt);
            if (ret) {
                fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
            }
            ;
        }
        ;
        return fmt;
    }
    </script>
    </body>
    </html>

[2021032216243471.png]: /images/20221022/c93766ffd4274d7ca77c0577d22f46ad.png
[20210322161055393.gif]: /images/20221022/9e7f62c6188e4708a6b6ade12016023a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDE5NTQyMg_size_16_color_FFFFFF_t_70]: /images/20221022/39f07f38a11247878f8c485df65aecde.png