写html代码的ws,wstest.html
ws测试金大师
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
原始数据
按行查看
历史
写html代码的ws,wstest.html相关推荐
- Python写的代码打包成.exe可执行文件
Python写的代码打包成.exe可执行文件 1. 安装pyinstaller 2. [在线生成icon](http://www.ico51.cn/) 3. 打包命令 pyinstaller -i x ...
- 转程序员,都去写一写前端代码吧
转自: http://www.oschina.net/news/36972/programmer-write-frond-end-code 你可以认为我是一个极端的人,就像有许多人专注于自己的领域而不 ...
- 多些时间能少写些代码(转自酷壳 – CoolShell.cn)
我在我的微博上说过这样一段话,我想在这里把我的这个观点阐述地更完整一些. @左耳朵耗子:聪明的程序员使用50%-70%的时间用来思考,尝试和权衡各种设计和实现,而用30% – 50%的时间是在忙碌着编 ...
- 不写一行代码,也能玩转Kaggle竞赛?
整理 | Jane 出品 | AI科技大本营(ID:rgznai100) [导读]AI科技大本营会给大家分享一些 Kaggle 上的资源,如 Kaggle 开放的数据集,也会分享一些好的竞赛方案或有意 ...
- 雷军22年前写的代码 你见过吗?
源 / 程序师 文 / 程序君 作为小米科技的创始人.董事长和首席执行官,雷军的名字如雷贯耳.网上出现一篇"刘强东的代码水平如何"的文章,有网友在下面回复"代 ...
- 同事说,我写Java代码像写诗
文章来源:http://33h.co/kntu3 前几天空闲时间写了一遍关于平时自己写代码的一些习惯,这里跟大家分享一下. 定义配置文件信息✦ 有时候我们为了统一管理会把一些变量放到 yml 配置文件 ...
- 揭秘:一个月不摸鱼能写多少代码?
作者 | 老鱼皮 来源 | 程序员鱼皮(ID:coder_yupi) 猜猜写了多少行?都写了哪些语言呢? 时间过得真是太快了,又到月底了.对于程序员来说,总结还是挺重要的,我也一直保持着一个习惯,就是 ...
- python数据分析神器_牛逼啊!一个随时随地写Python代码的神器
作者: Leoxin 公众号:菜鸟学Python 现在学Python的人越来越多,很多小伙伴都非常有激情.利用碎片时间随时随地学习Python, 大家知道Python是一门编程语言,但是学语言光看不练 ...
- 千万不要相信程序员在加班时间写的代码!
其中最重要的就是这条:不要相信一个程序员在加班时间写出来的代码. (软件工程的学说表明,连正常时间好好写的代码,也不要太相信.不过这不是本文的重点,略过不提.) (不懂代码的人,看到本文中的Java代 ...
最新文章
- Python List 列表list()方法
- 纯Shading Language绘制飞机火焰效果
- HTML5手机端弹窗、提示框、loading加载(多功能xwPop弹窗升级版)
- 第二届河南省大学生程序设计竞赛 Dr.Kong的机器人
- MMOCR: OpenMMLab 全流程的文字检测识别理解工具箱
- C++ Primer Plus 第二章编程练习
- EHIGH恒高:大话UWB技术之蓝牙定位的烦恼
- 安装java sdk,配置java环境
- 沙盘模拟软件_三连冠!我校学子连续三年蝉联全国大学生沙盘模拟经营大赛福建省决赛一等奖...
- PHP修改后缀名绕过
- 【观察】 通盘无妙手,看SmartX如何构建增长根基
- 【公告】博客新皮肤上线啦
- BVT BAT (版本验证测试和版本验收测试)
- Redis底层数据结构详解(一)
- iterm2使用:服务器ssh快捷连接
- 《Linux驱动:使用音频设备驱动框架-OSS构建音频设备驱动》
- java面试总结(day_01)
- CoCa-GAN阅读笔记
- Garbage First介绍
- 八门大神可以修改服务器游戏吗,八门神器怎么修改游戏 修改游戏完美教程