fetch("//qt.gtimg.cn/?q=s_sh000001,s_sz399001,s_sz399006")
  .then((response) => {
    if (response.ok) {
      return response.text();
    }
  })
  .then((text) => {
    var zs = text.split(";");
    var shang = zs[0];
    var shen = zs[1];
    var chuang = zs[2];
    var szzs = shang.split("~");
    var szcz = shen.split("~");
    var cybz = chuang.split("~");

    if (shang.indexOf("-") == -1) {
      $("#shang .num").addClass("red");
      $("#shang .bai").addClass("red");
      $("#shang").addClass("jian-red");
    } else {
      $("#shang .num").addClass("green");
      $("#shang .bai").addClass("green");
      $("#shang").addClass("jian-green");
    }

    if (shen.indexOf("-") == -1) {
      $("#shen .num").addClass("red");
      $("#shen .bai").addClass("red");
      $("#shen").addClass("jian-red");
    } else {
      $("#shen .num").addClass("green");
      $("#shen .bai").addClass("green");
      $("#shen").addClass("jian-green");
    }

    if (chuang.indexOf("-") == -1) {
      $("#chuang .bai").addClass("red");
      $("#chuang").addClass("jian-red");
      $("#chuang .num").addClass("red");
    } else {
      $("#chuang .bai").addClass("green");
      $("#chuang").addClass("jian-green");
      $("#chuang .num").addClass("green");
    }

    $("#shang .num").append(szzs[3]);
    $("#shang .em ").append(szzs[4]);
    $("#shang .baifen").append("(" + szzs[5] + "%)");

    $("#shen .num").append(szcz[3]);
    $("#shen .em ").append(szcz[4]);
    $("#shen .baifen").append("(" + szcz[5] + "%)");

    $("#chuang .num").append(cybz[3]);
    $("#chuang .em").append(cybz[4]);
    $("#chuang .baifen").append("(" + cybz[5] + "%)");
  });