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

最新推荐文章于 2024-02-26 14:12:04 发布

sivenlee

最新推荐文章于 2024-02-26 14:12:04 发布

阅读量1.3k

点赞数

分类专栏： javascript 文章标签： html html5 jquery

本文链接：https://blog.csdn.net/sivenlee/article/details/120690839

版权

通过调用第三方接口，利用Ajax实现价格的实时刷新，动态展示价格涨跌和变化百分比。示例代码中展示了HTML和JavaScript的实现方式，依赖jQuery库。由于接口限制，目前只能获取到黄金、白银和美元指数的数据。

摘要由CSDN通过智能技术生成

调用第三方网站报价接口，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>
&l