js实时刷新qc市场行情

作者: Symbian米汤 | 来源:发表于2018-07-02 22:16 被阅读0次

js实时刷新qc市场行情
当前时间实时刷新js
Reac-Native 快速开发配置
前端Builder：自动化构建(gulp)
atom必备插件
我和Google Map的不解之缘
2019-10-16
页面刷新、重定向的方法
微信小程序刷新当前页面
嘉兴期货技术支持


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
   
    <title>bitkkData</title>
</head>

<script type="text/javascript">
    //动态刷新
    setInterval("myInterval()", 1000);//1000为1秒钟
    function myInterval() {
        myfunction();
    }
    var markets = ["btc_qc","bcc_qc","ltc_qc","eth_qc","etc_qc","bts_qc","eos_qc","qtum_qc","hsr_qc","xrp_qc","dash_qc","ubtc_qc","bcd_qc"];
    window.onload = myfunction;
    function myfunction() {
        //清空所有的子节点
        $("#J_TbData").empty();

        for (var i in markets){
            var x =markets[i] ;
            //console.log(x,i);
            $.ajax({
                type: "GET",
                url: "http://api.bitkk.com/data/v1/ticker?market="+x,
                cache: false,
                async: false,
                dataType: "json",
                success: function (data, textStatus, jqXHR) {
                    var jsondata = JSON.stringify(data);

                    console.log(typeof (jsondata));
                    console.log(jsondata);
                    var orgnindata=data.ticker;
                        var $trTemp = $("<tr></tr>");
                        //往行里面追加 td单元格
                        $trTemp.append('<td><span class="label label-success">'+x+'</span></td>'+
                            '<td><span class="label label-danger">'+orgnindata.high+'</span></td>'+
                            '<td><span class="label label-danger">'+orgnindata.low+'</span></td>'+
                            '<td><span class="label label-danger">'+orgnindata.buy+'</span></td>'+
                            '<td><span class="label label-danger">'+orgnindata.sell+'</span></td>'+
                            '<td><span class="label label-danger">'+orgnindata.last+'</span></td>'+
                            '<td><span class="label label-danger">'+orgnindata.vol+'</span></td>');
                        $trTemp.appendTo("#J_TbData");
                }
            })
        };

    };

</script>


<body class="table-responsive">
<div class="container">
    <div class="row col-xs-6 col-md-9 col-lg-12 ">
        <table  class="table table-striped table-hover table-condensed ">
            <thead>
            <tr >
                <th>币种</th>
                <th>最高价</th>
                <th>最低价</th>
                <th>买一价</th>
                <th>卖一价</th>
                <th>成交价</th>
                <th>成交量</th>
            </tr>
            </thead>
            <tbody  id="J_TbData">
            <tr >
            </tr>
            </tbody>
        </table>
    </div>
</div>
</body>
</html>