JavaScript实时获取现货黄金,白银,美元指数价格代码

调用第三方网站报价接口，Ajax实时刷新，动态显示价格涨跌变化，显示涨跌数值及百分比，

效果如下，可依据自己需求设计相应CSS效果

HTML显示报价代码：

<div>
<p class="float-left" id="hq_f_gold_n">伦敦金 <span>XAU/USD</span></p>
<p class="float-right" id="hq_f_gold_p"></p>
</div>
<div id="hq_f_gold_ch"><span></span></div>
</div></a>
<a href="#"><div class="forex"><div>
<p class="float-left" id="hq_f_SILVER_n">伦敦银 <span>XAG/USD</span></p>
<p class="float-right" id="hq_f_SILVER_p"></p>
</div>
<div id="hq_f_SILVER_ch"><span></span></div>
</div></a>
<a href="#"><div class="forex">
<div>
<p class="float-left" id="hq_f_USDX_n">美元指数 <span>DXY</span></p>
<p class="float-right" id="hq_f_USDX_p"></p>
</div>
<div id="hq_f_USDX_ch"><span></span></div>
</div></a>
</div>

javascript获取报价代码：

var wsUri ="wss://kuaixun.jrjr.com:30000/ws"; var bjsocket;bjsocket= new WebSocket(wsUri); bjsocket.onopen = function(evt) { bjsocket.send('{"CONNECTED":"1"}');};bjsocket.onmessage = function(evt) { bjonMessage(evt.data);};function bjonMessage(data) { var d=$.parseJSON(data);switch (d.c) {case 'GOLD':$('#hq_f_gold_n').html('伦敦金 <span>XAU/USD</span>');$('#hq_f_gold_p').html(d.p.toFixed(2));var ssjtorxjjt=d.ch>0?'<img width="20px" src="/js/up.svg"/>':'<img width="20px" src="/js/down.svg"/>';var upclass=d.ch>0?'up':'down';var dowclass=d.ch>0?'down':'up';$('#hq_f_gold_ch').html('<span></span>'+ssjtorxjjt+d.chp+'%<small>'+d.ch+'<small>');$('#hq_f_gold_ch').addClass(upclass).removeClass(dowclass);break;case 'SILVER':$('#hq_f_SILVER_n').html('伦敦银 <span>XAG/USD</span>');$('#hq_f_SILVER_p').html(d.p.toFixed(3));var ssjtorxjjt=d.ch>0?'<img width="20px" src="/js/up.svg"/>':'<img width="20px" src="/js/down.svg"/>';var upclass=d.ch>0?'up':'down';var dowclass=d.ch>0?'down':'up';$('#hq_f_SILVER_ch').html('<span></span>'+ssjtorxjjt+d.chp+'%<small>'+d.ch+'<small>');$('#hq_f_SILVER_ch').addClass(upclass).removeClass(dowclass);break;case 'USDX':$('#hq_f_USDX_n').html('美元指数 <span>DXY</span>');$('#hq_f_USDX_p').html(d.p.toFixed(2));var ssjtorxjjt=d.ch>0?'<img width="20px" src="/js/up.svg"/>':'<img width="20px" src="/js/down.svg"/>';var upclass=d.ch>0?'up':'down';var dowclass=d.ch>0?'down':'up';$('#hq_f_USDX_ch').html('<span></span>'+ssjtorxjjt+d.chp+'%<small>'+d.ch+'<small>');$('#hq_f_USDX_ch').addClass(upclass).removeClass(dowclass);break;case 'USDWTI':$('#hq_f_USDWTI_n').html('美国原油 <span>USOIL</span>');$('#hq_f_USDWTI_p').html(d.p.toFixed(2));var ssjtorxjjt=d.ch>0?'<img width="20px" src="/js/up.svg"/>':'<img width="20px" src="/js/down.svg"/>';var upclass=d.ch>0?'up':'down';var dowclass=d.ch>0?'down':'up';$('#hq_f_USDWTI_ch').html('<span></span>'+ssjtorxjjt+d.chp+'%<small>'+d.ch+'<small>');$('#hq_f_USDWTI_ch').addClass(upclass).removeClass(dowclass);break;case 'EURUSD':$('#hq_f_EURUSD_n').html('欧元美元 <span>EUR/USD</span>');$('#hq_f_EURUSD_p').html(d.p.toFixed(5));var ssjtorxjjt=d.ch>0?'<img width="20px" src="/js/up.svg"/>':'<img width="20px" src="/js/down.svg"/>';var upclass=d.ch>0?'up':'down';var dowclass=d.ch>0?'down':'up';$('#hq_f_EURUSD_ch').html('<span></span>'+ssjtorxjjt+d.chp+'%<small>'+d.ch+'<small>');$('#hq_f_EURUSD_ch').addClass(upclass).removeClass(dowclass);break;case 'HSI':$('#hq_f_HSI').html('恒生指数 <span>HSI</span>');$('#hq_f_HSI_p').html(d.p.toFixed(5));var ssjtorxjjt=d.ch>0?'<img width="20px" src="/js/up.svg"/>':'<img width="20px" src="/js/down.svg"/>';var upclass=d.ch>0?'up':'down';var dowclass=d.ch>0?'down':'up';$('#hq_f_HSI_ch').html('<span></span>'+ssjtorxjjt+d.chp+'%<small>'+d.ch+'<small>');$('#hq_f_HSI_ch').addClass(upclass).removeClass(dowclass);break;}
}

需要引入jquery

<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>

引用的jrjr网站的报价接口，可能是由于对方网站自身问题，所以外汇及恒指其它品种无法正常获取，看它自己网站也是不显示，所以只有黄金、白银以及美元指数能正常获取到。

本文来自“美元俱乐部”

JavaScript实时获取现货黄金,白银,美元指数价格代码相关推荐

陈怡暖：2015.4.29晚间最强现货黄金白银操作建议
陈怡暖:2015.4.29晚间最强现货黄金白银操作建议陈怡暖:现任中瀚集团首席分析师,毕业于西南财经大学金融系,国外进修金融专业两年,五年从业经验,知名财经频道分析解说师,各大财经网站专业撰稿人,擅 ...
发财致富尽在现货黄金白银交易
香港银河金业 QQ:2364136467 从远古到今天,只有真金白银是无限止增长的固定资产 1.香港贸易场203号AA类行员,首家推出微盘的行员! 2.资金门槛低,采用国际主流交易软件MT4. 3 ...
现货黄金白银的致命伤：偏执
记得上学的时候,老师用以前我们师兄的例子,来鼓励我们好好学习.他说,曾经有个学生,钻研一道错题,一个晚上而不得解,到深夜才黯然睡去.第二天终于想不通,才愤愤不平来找他.老师说这是值得大家钻研的精神.后 ...
现货黄金白银的短线技巧
相信短线交易技巧是能让现货黄金白银交易平台的投资者趋之若鹜的交易方法.因为在短线上,市场的可操作性变得更加多种多样,机会也不断增加. 短线交易者所拥有的也是一份技能.生活当中,大部分人都能学得一技之长 ...
2021-10-05尤破金10/现货黄金白银日内走势是涨是跌？期货原油伦敦金晚间美盘操作建议
黄金行情走势分析: 黄金消息面解析:周二(10月5日)亚洲时段,现货黄金交投于1758附近.周一(10月4日)金价小幅上涨,升至逾一周高位,美元走软和股市的避险情绪提振了对黄金的需求,但工厂订单增速加 ...
现货黄金白银上阻力位和压力位的确定和应用
市场上的金价在达到某一水平时,往往不再继续上涨或下跌,似乎在此价位上有一条对金价起阻拦或支撑作用的抵抗线,我们分别称之为阻力线与支撑线. 所谓阻力线是指金价上升至某-高度时,有大量的卖 ...
12.28黄金原油价格投资策略、黄金白银最新价格布局及指导
黄金最新消息面解析进入2021年的最后几个交易日,较低的流动性导致黄金市场出现波动.奥密克戎变异毒株的迅速传播.以及全球央行对通胀迹象作出的反应均令投资者感到担忧.中长期来看,若通胀持续更久的时间, ...
现货黄金走势图怎么看？
K线走势图在现货黄金交易中非常重要,如果投资者看不懂K线图,就等同农民看不懂农民历.狙击手看不准瞄准器,司机握不紧方向盘.对于初学者而言,从零开始地自学K线知识可能有点难度,但如果能得到一套系统的学习 ...
现货黄金最新走势分析
现货黄金投资属于贵金属投资方式的一种,是利用资金杠杆原理进行的电子合约买卖,投资者可受到权威机构认可的交易平台上进行交易,足不出户就可在家进行操作,随时都在市场上双向买卖,无需进行实物交割,也能套取市 ...

JavaScript实时获取现货黄金,白银,美元指数价格代码

JavaScript实时获取现货黄金,白银,美元指数价格代码相关推荐

最新文章

热门文章