Javascript 将文本框中的值添加到计数器

Javascript 将文本框中的值添加到计数器,javascript,html,Javascript,Html,我正在学习javascript,我想创建一个简单的时钟。我希望用户能够通过在文本框中输入一个数字并按下一个按钮来更改分钟数,因此当显示该数字时,当秒数计算到60时,显示的数字增加1,我的代码将不起作用,请帮助: var秒=0; var分钟数2=0; var rezultat; 设dugme=document.querySelector(“#dugme”); var el=document.getElementById(“秒计数器”); var el2=document.getElementBy

我正在学习javascript,我想创建一个简单的时钟。我希望用户能够通过在文本框中输入一个数字并按下一个按钮来更改分钟数,因此当显示该数字时,当秒数计算到60时,显示的数字增加1,我的代码将不起作用,请帮助:

var秒=0;
var分钟数2=0;
var rezultat;
设dugme=document.querySelector(“#dugme”);
var el=document.getElementById(“秒计数器”);
var el2=document.getElementById(“分钟计数器”);
函数增量秒(){
秒+=1;
如果(秒===60){
返回秒数=0;
}
el.innerText=秒;
}
var cancel=设置间隔(增量秒,1000);
dugme.addEventListener(“单击”,函数(){
var minutes=parseInt(document.querySelector(“#value”).value);
el2.innerText=分钟;
})
函数增量分钟数(){
分钟数2+=1;
如果(分钟2==60){
返回分钟数2=0;
}
rezultat=(秒+分钟2+分钟);
el2.innerText=rezultat;
}
var cancel=设置间隔(增量分钟,60000)

米努蒂

在这里显示我在一分钟到五秒钟内做出的行为

作为一种格式改进,如果您想在result min:sec中显示,您可以这样做

min = min < 10 ? "0"+min : min;
seconds = seconds < 10 ? "0" + seconds : seconds;
min=min<10?“0”+分钟:分钟;
秒=秒<10?“0”+秒:秒;
以生成前导零的字符串

我已经删除了返回值,因为它们不是必需的。您可以在内部重置该值,而无需返回它

var秒=0;
var min=0;
var rezultat;
设dugme=document.querySelector(“#dugme”);
var secCounter=document.getElementById(“秒计数器”);
var mintCounter=document.getElementById(“分钟计数器”);
函数增量秒(){
秒+=1;
如果(秒===60){
秒=0;
}
secCounter.innerText=秒;
}
var cancel=设置间隔(增量秒,1000);
函数增量分钟数(){
min+=1;
如果(最小===60){
最小值=0;
}
tempMin=min;
tempSec=秒;
最小值=最小值<10?“0”+最小值:最小值;
秒=秒<10?“0”+秒:秒;
rezultat=(分钟+“:”+秒);
mintCounter.innerText=rezultat;
min=tempMin;
秒=每秒;
}
//用于调试到5秒
var cancel=设置间隔(增量分钟,5000);
dugme.addEventListener(“单击”,函数(){
var inpments=parseInt(document.querySelector(“#value”).value);
分钟=分钟;
mintCounter.innerText=min;
})

米努蒂

您的代码中有一些问题。主要错误是变量
minutes
没有在您试图使用它的函数
incrementMinutes()
中定义。你得重新计算一下

您可以进行的其他改进包括:

  • incrementSeconds
    incrementMinutes
    函数中删除返回值
  • 只有1
    setInterval
    ,并在秒数达到60时调用
    incrementMinutes
您可以在下面看到一个片段:

var秒=0;
var分钟数2=0;
var rezultat;
设dugme=document.querySelector(“#dugme”);
var el=document.getElementById(“秒计数器”);
var el2=document.getElementById(“分钟计数器”);
函数增量秒(){
秒+=1;
如果(秒===60){
秒=0;
递增分钟();
}
el.innerText=秒;
}
var cancel=设置间隔(增量秒,1000);
dugme.addEventListener(“单击”,函数(){
var minutes=parseInt(document.querySelector(“#value”).value);
el2.innerText=分钟;
})
函数增量分钟数(){
分钟数2+=1;
如果(分钟2==60){
分钟数2=0;
}
rezultat=(minutes2+parseInt(document.querySelector(“#value”).value));
el2.innerText=rezultat;
}

米努蒂
你有2个
为什么?