您的位置 首页 股票交流

js实现股票实时刷新数据案例

最近研究炒股,在工作时间观察市场是不可避免的,并且您不能使用计算机来公开地观察市场。盯着手机看效果不好,容易引起“关注”。

因此,我想自己制作一个网页,以达到查看磁盘的目的。仅显示几个关键数字的网页当然不会引起怀疑。当您有一个想法时,就开始实现它。

准备工作:

1、数据源

2、网页数据显示

先发布源代码,然后再解释









  

数据源

如果您不知道可用的数据源,则只需百度。百度搜索“股票数据接口”

搜索结果如下。这是在Langxin博客中。我相信读者可以轻松找到它。

Sina股票数据接口

以大秦铁路(股票代码:601006)为例配资门户,如果要获取其最新的市场信息,则只需访问朗新的股票数据

界面:此网址将返回文本字符串,例如:

var hq_str_sh601006="大秦铁路, 27.55, 27.25, 26.91, 27.55, 26.20, 26.91, 26.92,
22114263, 589824680, 4695, 26.91, 57590, 26.90, 14700, 26.89, 14300,
26.88, 15100, 26.87, 3100, 26.92, 8900, 26.93, 14230, 26.94, 25150, 26.95, 15220, 26.96, 2008-01-11, 15:05:32";

在这里,我使用一个我熟悉的“界面”。我经常在Hexun.com上查看报价和财经新闻股票行情刷新间隔时间,并且知道它具有可用的数据源。这是我如何发现“界面”的详细说明。

①在浏览器中打开股票的页面,例如。然后打开浏览器的开发工具股票行情刷新间隔时间,我使用chrome配资门户,Firefox中的萤火虫也很好。切换到开发工具的“网络”选项卡并进行观察。几秒钟后很容易找到一个js,如图1所示。

ͼ1

②链接地址/Stock_Combo.ASPX?mc=1_600050&dt=MX,DL&t=0.9482741139363497

这样的连接,在浏览器中打开它,您可以看到以下内容

refreshData('600050','1','Q',['20140414150001','3.16','3.16','3.16','3.13','3.14','3.13','3668496','3.12','3011500','3.11','1858100','3.10','2850000','3.09','955100','3.14','61400','3.15','4566385','3.16','3849399','3.17','1490702','3.18','2654615','55099344','172995571','8700','0.49','19.33','0.0026','31982854','22913509']);refreshData('600050','1','MX',[['1458','3.15','129800','407904'],['1459','3.14','580900','1824318'],['1500','3.14','8700','27318']]);refreshDeal('DL',[['150001','3.14','8700','2'],['145956','3.14','3700','2'],['145951','3.14','30500','1'],['145946','3.15','1100','2'],['145941','3.15','100','2'],['145936','3.14','508000','1'],['145921','3.14','2000','1'],['145916','3.14','6000','1'],['145906','3.15','28500','2'],['145901','3.14','1000','1']]);

这是一个执行refreshData方法的js脚本,其他是此方法的参数。这些参数一目了然,它是股票的实时市场数据。

网页数据显示

数据源已经可用,让我们开始第二步。制作网页以加载这些数据。执行js的简单方法是使用jquery,这是一个非常好的js库。

此步骤相对简单,请在jquery中使用ajax方法加载数据并显示。

加载方法$ .getScript。因为原始数据中有一个refreshData方法,所以它将在加载后自动执行,因此我的代码也声明了一个具有相同名称的方法来在此处进行处理。在refreshData中,该参数和与该参数对应的内容显示在div中。只要在页面上可以看到任何内容,便可以使用。

setInterval使用此方法自动刷新页面并每N秒执行一次。

getQueryString此方法用于获取页面参数。我们不能只看股票。我们需要更改代码以查看其他股票。尽管并不难,但使用参数更容易。现在,我们要看的是股票,只需在页面网址后添加参数demo.html?c = 000777即可。

上面的js实现股票实时刷新数据的情况是编辑器共享的所有内容,希望给您提供参考,并希望您可以更多地支持脚本库。

关于作者: 股票配资

热门文章

发表评论

邮箱地址不会被公开。 必填项已用*标注