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

最近在学习炒股的时候，工作时间看市场是不可避免的，用电脑看市场总是不可能的。盯着手机看不好，容易引起“关注”。

所以我想自己做一个网页，达到看菜的目的。一个只显示几个关键人物的网页当然不会引起怀疑。如果你有一个想法，开始实现它。

准备工作：

1.数据源

2.网页数据显示

先发布源代码，稍后再解释

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' meta charset=' utf-8 '/head script type=' text/JavaScript ' src=' http 33603358 code . jquery.com。$(文档)。ready(function(){ getNewData()；var TG=self . setinterval(' getnew data()'，2000)；//每n毫秒刷新一次，1000毫秒=1秒})；//get new data函数get new data () {if (get查询字符串(' c ')！=undefined){ stock code=getQueryString(' c ')；} var type=stockCode[0]==6？1:2;var durl=' http://flashquote . Stock . hexun.com/Stock _ Combo。ASPX？MC=' type ' _ ' stock code ' dt=TT=' math . random()；$.getscript (durl，function(data){//加载脚本并执行})；}//刷新和显示功能刷新数据(代码、类型、提示、数据){ var result=结果=代码；结果=' br/'；结果=数据[1] '\t '数据[2] '\t '数据[3] '\t '数据[4] '\t '数据[5] '\t '百分比' % '；结果=' div style=' height:10px宽度width:100px'/div ' result=' data[24]' \ t \ t ' data[25]；结果='br/'数据[22] '\t\t '数据[23]；结果='br/'数据[20] '\t\t '数据[21]；结果='br/'数据[18] '\t\t '数据[19]；结果='br/'数据[16] '\t\t '数据[17]；结果=' div style=' height:1px宽度width:100pxborder-top : dadded 1px # CCCCCC '/div ' result=' data[6]' \ t \ t ' data[7]；结果='br/'数据[8] '\t\t '数据[9]；结果='br/'数据[10] '\t\t '数据[11]；结果='br/'数据[12] '\t\t '数据[13]；结果='br/'数据[14] '\t\t '数据[15]；$('#result ')。html(结果)；}//getQueryString获取url参数函数getQueryString(name){ varreg=new regexp('(|)' name '=([]*)(| $)'，' I ')；var r=window . location . search . substr(1)。match(reg)；if (r！=null)返回unescape(r[2])；返回null}/script/head body div id=' result ' style=' color : # CCCCCC；/div/body/html数据源

如果不知道可用的数据源，就百度一下。百度搜索“股票数据界面”

搜索结果如下。这是来自朗新博客。相信读者很容易找到。

新浪股票数据界面

以大秦铁路(股票代码：601006)为例。如果你想得到它的最新行情，你只需要访问朗新的股票数据

接口：http://hq.sinajs.cn/list=sh601006这个url会返回一串文本，例如：

Var hq_str_sh601006='大秦铁路，27.55，27.25，26.91，27.55，26.20，26.91，26.92，22114263，589824680，4695，26.91，57590 15100，26.87，3100，26.92，8900，26.96在这里，我使用一个我熟悉的“界面”。我经常阅读关于贺勋的名言和财经新闻。我知道它有一个可用的数据源。我来详细解释一下我是怎么找到“接口”的。

(1)在浏览器打开一个股票页面，比如http://stockdata.stock.hexun.com/gghq_600050.shtml.接着打开浏览器开发工具，我用的是chrome，而Firefox有firebug。切换到开发工具的“网络”选项卡并观察它。很容易发现每隔几秒钟就会加载一个js，如图1所示

图1

链路地址flashquote.stock.hexun.com/Stock_Combo.ASPX? MC=1 _ 600050 dt=MX，DLt=0.9482741139363497

就是这样一个连接，在浏览器中打开，可以看到以下内容

refreshData('600050 '，' 1 '，' Q '，['20140414150001 '，' 3.16 '，' 3.16 '，' 3.13 '，' 3.14 '，' 3.13 '，' 3668496 '，' 3.12 '，' 3011500 '，' 3.11 '，' 1858100 '，' 3.10 '，' 2850000 '，' 3.09 '，' 955100 '，' 3.111 '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 '，['这是一个js脚本，它执行refreshData方法，其他的是这个方法的参数。参数一目了然，是股票的实时差点数据。

网页数据显示

数据源已经存在，所以开始第二步。制作一个网页来加载数据。做js的简单方法是使用jquery，一个优秀的js库。

这一步相对简单，在jquery中使用ajax方法加载数据并显示。

Load method $.getScript .因为原始数据中有一个refreshData方法，加载后会自动执行，我的代码也声明了可以在这里处理同名的方法。在refreshData中，只要能在页面上看到，参数和与参数对应的内容都会显示在div中。

SetInterval使用此方法自动刷新页面，并每n秒执行一次。

GetQueryString是获取页面参数的方法。我们不可能只看一只股票。如果我们想看其他股票，我们必须改变代码。虽然不难，但使用参数更简单。现在，我们想看哪只股票，只需在页面url后添加参数demo.html。C=000777，就是这样

以上js实现股票数据实时刷新的案例是边肖分享的全部内容，希望能给大家一个参考和支持。