如何使用javaScript增加计时器中的分钟值

时间:2016-02-03 14:28:43

标签: javascript timer

对于计时器(分钟:秒),如果时间为30:00,如何增加它的分钟部分并将其显示在输入框中?

我的Html代码

<input name="timer" id="timer" value="30:00" type="text" onclick="incre()"></input>

我的javascript代码是

function incre()
{
    var textbox = document.getElementById("timer");
    var time = document.getElementById("timer").value.split(":");
    var minutes = parseInt(time[0]);
    var seconds = parseInt(time[1]);
    minutes = minutes++;
}

2 个答案:

答案 0 :(得分:1)

你正在增加分钟,好吧。但是您没有在文本字段中更新它。另外,read the basics。没有</input>

  • 您不需要parseInt() 0
  • 您不需要将minutes++分配给minutes

&#13;
&#13;
function incre() {
  var textbox = document.getElementById("timer");
  var time = document.getElementById("timer").value.split(":");
  var minutes = parseInt(time[0]);
  var seconds = (time[1]);
  minutes++;
  document.getElementById("timer").value = minutes + ":" + seconds;
}
&#13;
<input name="timer" id="timer" value="30:00" type="text" onclick="incre()" />
&#13;
&#13;
&#13;

答案 1 :(得分:1)

试试这个:

function incre() {
    var textbox = document.getElementById("timer");
    var time = textbox.value.split(":");
    var minutes = parseInt(time[0]);
    var seconds = parseInt(time[1]);
    minutes++;
    textbox.value = minutes + ':' + seconds;
}

请注意,minutes = minutes++是不必要的,您只需要执行minutes++

使用最后一行,您可以更新输入的值。