Question

我想做什么？ 我试图做一些与此类似的事情： https://tokenstats.io/

我自己输入的静态手动编号（ICO PRICE）。这个数字需要与动态数字（CURRENT PRICE）相比，从coinmarketcap API中提取：https://coinmarketcap.com/api/

我尝试了什么？ 我使用wordpress来实现这一目标。我为wordpress https://tablepress.org/尝试了wpdatatables和tablepress插件。它们都支持公式，可以计算两个数值之间的百分比变化。我可以用这个例子来提取数据：

<html lang="en">
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <style>
      tr td {text-align: right;}
      table {padding: 5px;}
      table.striped tr:nth-child(even){background-color: #f2f2f2;}
      thead {border-bottom: 2px solid black; font-weight: bold;}
    </style>
  </head>

  <body>
    <div class="container">
      <div class="panel panel-info">
        <div class="panel-heading"><h1>Price Ticker</h1><h5>Updates every minute</h5></div>
        <div class="panel-body">
          <table class="striped">
            <thead>
              <tr>
                <td width="120">Currency</td>
                <td width="170">Entry price</td>
                <td width="170">Current price</td>
                <td width="170">%change</td>
              </tr>
            </thead>
            <tbody>
              <tr>                
              <tr style="border-bottom: 1px solid grey;">
                <td>Bitcoin</td>
                <td>4</td>
                <td class="blink" id="btc"></td>
              </tr>
              <tr>             
            </tbody>
          </table>

          <script>
            $.ajaxSetup({async: false}); // must set to synchronous to be able to set the global variables sbd, steem, etc...
            function getPrices() {
              url = 'https://api.coinmarketcap.com/v1/ticker/bitcoin/?convert=USD';
              $.getJSON(url, function (data) {
                btc = parseFloat(data[0].price_usd).toFixed(2);
                btcchange = parseFloat(data[0].percent_change_24h).toFixed(2);
              });

              $("#btc").html("$" + btc.replace(/\d(?=(?:\d{3})+\.)/g, '$&,') + " " + (btcchange > 0 ? '<i style="color:green;">\u2191' + Math.abs(btcchange) + '%</i>' : '<i style="color:red;">\u2193' + Math.abs(btcchange) + '%</i>'));

            }
            getPrices(); // get prices
            setInterval(function () {
              getPrices();
              $(".blink").fadeOut("slow").fadeIn(); // fade effect for fun
            }, 60000); // then get prices every 60 seconds
          </script>
        </div>
      </div>
    </div>
  </body>
</html>

有什么问题？ 我使用tablepress遇到的问题是我不能简单地将所有代码粘贴到单元格中，然后计算％变化，它不支持。我可以通过将代码放在一个短代码中并在单元格中显示它来轻松显示当前价格，但我无法对其进行计算，因为短代码输出是一个字符串，并且该公式适用于数字。

我该怎么做？ 所以我的问题是，如何在一个简单的事情中制作类似于我链接的网站的内容？我没有编码器，这就是我尝试使用wordpress和表插件实现这一目标的原因。我只想找到一种方法来轻松添加我自己的令牌。有谁知道一个很好的解决方案吗？

谢谢。

％表中的静态值和动态值之间的变化

0 个答案: