写html代码的ws,wstest.html



ws测试金大师

黄金延期

{{num1}}

-- --

白银延期

{{num2}}

-- --

黄金现货/美元

{{num4}}

-- --

白银现货/美元

{{num5}}

-- --

迷你黄金延期

{{num3}}

-- --

美元指数

{{num6}}

-- --

var jdsVm = new Vue({

el:".slide2",

data:{

num1:"--",

num2:"--",

num3:"--",

num4:"--",

num5:"--",

num6:"--"

},

mounted:function(){

this.websocket1();

},

methods:{

websocket1:function(){

var items =[

{"Market":"SSGE","Inst":"Au(T+D)","ServiceType":"DYNA","Period":"","SubType":"SUBON"},

{"Market":"SSGE","Inst":"Ag(T+D)","ServiceType":"DYNA","Period":"","SubType":"SUBON"},

{"Market":"SSGE","Inst":"mAu(T+D)","ServiceType":"DYNA","Period":"","SubType":"SUBON"},

{"Market":"GOLD","Inst":"XAU","ServiceType":"DYNA","Period":"","SubType":"SUBON"},

{"Market":"GOLD","Inst":"XAG","ServiceType":"DYNA","Period":"","SubType":"SUBON"},

{"Market":"FOREX","Inst":"USD","ServiceType":"DYNA","Period":"","SubType":"SUBON"}

];

var ws = new WebSocket("ws://websocket-quote2.jince.com:9997/quote");

ws.onopen=function(){

items.forEach(function(item){

var dataStr=JSON.stringify({

Market:item.Market,

Inst:item.Inst,

ServiceType:"DYNA",

Period:"",

SubType:"SUBON"

});

ws.send(dataStr);

})

},

ws.onmessage=function(e){

var data=JSON.parse(e.data);

function chge(chg,i){

if (chg > 0) {

chg = "+" + chg;change = "+" + change;

$(".num"+i+",.chg"+i+",.change"+i).addClass("red");

}else if(chg < 0){

$(".num"+i+",.chg"+i+",.change"+i).addClass("green");

}

}

for (var i = 0; i < items.length; i++) {

if(data.Inst==items[i].Inst){

var gold = (data.QuoteData.DynaData[0].LastPrice*1).toFixed(2)||"--";

$(".num"+(i+1)).text(gold);

if(i==0) {

var chg="--";

var change="--";

if(jdsVm.nnum1!="--") {

chg = (gold - jdsVm.nnum1).toFixed(2); //涨跌额

change = (((gold - jdsVm.nnum1) / jdsVm.nnum1) * 100).toFixed(2) + "%"; //涨跌幅change

}

$(".chg"+(i+1)).text(chg);

$(".change"+(i+1)).text(change);

chge(chg,1);

}

else if(i==1) {

var chg="--";

var change="--";

if(jdsVm.nnum2!="--") {

chg = (gold - jdsVm.nnum2).toFixed(2); //涨跌额

change = (((gold - jdsVm.nnum2) / jdsVm.nnum2) * 100).toFixed(2) + "%"; //涨跌幅change

}

$(".chg"+(i+1)).text(chg);

$(".change"+(i+1)).text(change);

chge(chg,2);

}

else if(i==2) {

var chg="--";

var change="--";

if(jdsVm.nnum3!="--") {

chg = (gold - jdsVm.nnum3).toFixed(2); //涨跌额

change = (((gold - jdsVm.nnum3) / jdsVm.nnum3) * 100).toFixed(2) + "%"; //涨跌幅change

}

$(".chg"+(i+1)).text(chg);

$(".change"+(i+1)).text(change);

chge(chg,3);

}

else if(i==3) {

var chg="--";

var change="--";

if(jdsVm.wnum1!="--") {

chg = (gold - jdsVm.wnum1).toFixed(2); //涨跌额

change = (((gold - jdsVm.wnum1) / jdsVm.wnum1) * 100).toFixed(2) + "%"; //涨跌幅change

}

$(".chg"+(i+1)).text(chg);

$(".change"+(i+1)).text(change);

chge(chg,4);

}

else if(i==4) {

var chg="--";

var change="--";

if(jdsVm.wnum2!="--") {

chg = (gold - jdsVm.wnum2).toFixed(2); //涨跌额

change = (((gold - jdsVm.wnum2) / jdsVm.wnum2) * 100).toFixed(2) + "%"; //涨跌幅change

}

$(".chg"+(i+1)).text(chg);

$(".change"+(i+1)).text(change);

chge(chg,5);

}

else if(i==5) {

var chg="--";

var change="--";

if(jdsVm.wnum3!="--") {

chg = (gold - jdsVm.wnum3).toFixed(2); //涨跌额

change = (((gold - jdsVm.wnum3) / jdsVm.wnum3) * 100).toFixed(2) + "%"; //涨跌幅change

}

$(".chg"+(i+1)).text(chg);

$(".change"+(i+1)).text(change);

chge(chg,6);

}

}

}

};

}

}

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史