0

誰かが私のサイトで注文した後、彼らが支払い。タイマーが切れるまでに支払いが行われなかった場合、作成した delay_job が注文をロールバックします。

私はJavaScriptが苦手で、試したことがまったく機能しません。これが私のショットです(これは document.ready 関数内にあります):

function countdown() {
    setInterval(function(){myTimer()},1000);
  };

  function myTimer() {
    var parentTr = $(this).parents("tr");
    var status = $(parentTr).find(".js-status").attr('data-status');
    if (status === 0) {
      var timeLeft = 30000;
      document.getElementById(".js-timer").html=timeLeft;
      if (timeLeft === 0) {
         alert("Time Out");
      };
    };
  };

私の見解では、JS が取得して使用することを望んでいたこれらの行があります。しかし、それは機能していません。(そして、私が勝手に var status = 0 と言うとうまくいきません)。

    <tr>
       <th class="js-timer"></th>
       <th class="js-status"  data-status=<%= @order.status %> ></th>
    ...
    </tr>

私が間違っていること、またはこれをより良くする方法について何か考えはありますか?

4

0 に答える 0