Question

我有一个简单的倒计时脚本。您可以按一个数字按SET，然后单击开始，数字将倒计时。

我在健身房使用它，但是在输入新计数后我忘记了很多按下SET按钮。

是否可以让jquery接受表单输入或是否必须使用SET按钮？

var CCOUNT;
$(document).ready(function() {
  $('#btnct').click(function() {
    CCOUNT = $('#seconds').val();
    cdreset();
  });
});
var t, count;

function cddisplay() {
  document.getElementById('timespan').innerHTML = count;

}

function countdown() {
  // starts countdown
  cddisplay();
  changeColor(CCOUNT);
  if (count === 0) {
    // time is up

  } else {
    count--;
    t = setTimeout(countdown, 1000);
    $("#onebuttons").attr('disabled', 'disabled');

  }
}

function cdpause() {
  // pauses countdown
  clearTimeout(t);
  $("#onebuttons").removeAttr('disabled');
}

function cdreset() {
  // resets countdown
  cdpause();
  count = CCOUNT;
  cddisplay();
  $("#onebuttons").removeAttr('disabled');
}

function changeColor() {
  if (count <= 1000 && count > 29) {
    document.getElementById('timespan').style.color = "#00CC00";

  } else if (count <= 29 && count > 9) {
    document.getElementById('timespan').style.color = "#F87217";
  } else if (count <= 9 && count > 3) {
    document.getElementById('timespan').style.color = "#ff0000";
  } else if (count === 3) {

    var audio = document.createElement("audio");
    audio.src = "3-2-1-0.m4a";
    audio.play();
  }

  if (count === 0) {
    document.getElementById('timespan').style.color = "#ffffff";

  }
  if (count < 10) {
    $("#timespan").fadeOut('slow', function() {
      $("#timespan").text(count);
      $("#timespan").fadeIn();
    });

  }
}

Answer 1

是的，只需通过点击方法调出即可像这样

{{1}}

它将使您的方法在页面加载

时触发

Jquery可以直接从表单中获取表单输入，还是我必须在脚本中使用SET按钮？

1 个答案: