https://www.jpx.co.jp/top/indices/top_quick_cooperation_renewal.js

1$(function () {
2	// add gid
3  let page_title = $.trim($("title").text().split('|')[0]);
4
5  // 商品先物
6  $.getJSON("/top/indices/commodity_value.txt", function (json_data) {
7    let keys = Object.keys(json_data);
8    let html = $.map(json_data, function (data, key) {
9      let index = keys.indexOf(key);
10      let evenClass = (index % 2) == 1 ? " -is-even" : "";
11      let marketName = data.marketName != "プラッツドバイ原油先物" ? data.marketName : 'プラッツドバイ<br class="onlypc">原油先物';
12      return `<div class="JPX-ms-data${evenClass}">
13  <div class="JPX-ms-name"><a href="${data.ChartURL}" gid="${page_title}(${data.ChartURL})" target="_blank">${marketName}</a></div>
14  <div class="JPX-ms-amount">${data.currentPrice}</div>
15  <div class="JPX-ms-price ${getFontColorClass(data.previousDayComparison)}">${formatChange(data.previousDayComparison)}</div>
16</div>`;
17    }).join("");
18    $("#commodity-market").append(html);
19  });
20
21  // 指数価格一覧
22  $.getJSON("/top/indices/indices_value3.txt", function (json_data) {
23    let keys = Object.keys(json_data);
24    let html = $.map(json_data, function (data, key) {
25      let index = keys.indexOf(key);
26      let evenClass = (index % 2) == 1 ? " -is-even" : "";
27      let marketName = data.marketName != "東証グロース市場250指数" ? data.marketName : "東証グロース市場<br>250指数";
28      return `<div class="JPX-ms-data${evenClass}">
29  <div class="JPX-ms-name"><a href="${data.url}" gid="${page_title}(${data.url})" target="_blank">${marketName}</a></div>
30  <div class="JPX-ms-amount">${data.value}</div>
31  <div class="JPX-ms-price ${getFontColorClass(data.change)}">${formatChange(data.change)}</div>
32</div>`;
33    }).join("");
34    $("#stock-market-indices").append(html);
35  });
36
37  // 売買高・売買代金
38  $.getJSON("/top/indices/indices_trading2.txt", function (json_data) {
39    let keys = Object.keys(json_data);
40    let html = $.map(json_data, function (data, key) {
41      let index = keys.indexOf(key);
42      let evenClass = (index % 2) == 0 ? " -is-even" : "";
43      return `<div class="JPX-ms-data${evenClass}">
44  <div class="JPX-ms-name">${data.marketName}</div>
45  <div class="JPX-ms-amount">${data.saleVolume}</div>
46  <div class="JPX-ms-price">${data.turnover}</div>
47</div>`;
48    }).join("");
49    $("#quick-trading-list-header").after(html);
50  });
51
52  // 先物価格一覧
53  $.getJSON("/top/indices/futures_value3.txt", function (json_data) {
54    let keys = Object.keys(json_data);
55    let html = $.map(json_data, function (data, key) {
56      let index = keys.indexOf(key);
57      let evenClass = (index % 2) == 1 ? " -is-even" : "";
58      return `<div class="JPX-ms-data${evenClass}">
59  <div class="JPX-ms-name"><a href="${data.url}" gid="${page_title}(${data.url})" target="_blank">${data.marketName}</a></div>
60  <div class="JPX-ms-amount">${data.value}</div>
61  <div class="JPX-ms-price ${getFontColorClass(data.change)}">${formatChange(data.change)}</div>
62</div>`;
63    }).join("");
64    $("#derivatives-market").append(html);
65  });
66
67  // SCB発動情報
68  $.getJSON("/top/indices/scb_status.txt", function (json_data) {
69    let information_data = "-";
70    if (!json_data || !json_data.length) {
71      return false;
72    }
73    $.each(json_data, function (key, data) {
74      if (data.Date != "--") {
75        information_data = "サーキット・ブレーカーが発動しました";
76        return false;
77      }
78    });
79    $("#scb-information").html(information_data);
80  });
81
82  function getFontColorClass(change) {
83    var html;
84    change = change.replace(",", "");
85
86    if (isNaN(change) || change == 0) {
87      html = "";
88    } else if (change > 0) {
89      html = "-is-plus";
90    } else {
91      html = "-is-minus";
92    }
93    return html;
94  }
95
96  function formatChange(change) {
97    var c = change.replace(",", "");
98    if (isNaN(c)) return change;
99    if (c > 0) {
100      change = "+" + change;
101    }
102    return change;
103  }
104});