gpt4 book ai didi

javascript - 将文本框的值添加到计数器

转载 作者:行者123 更新时间:2023-12-04 02:28:11 24 4
gpt4 key购买 nike

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

var seconds = 0;
var minutes2 = 0;
var rezultat;
let dugme = document.querySelector("#dugme");
var el = document.getElementById("seconds-counter");
var el2 = document.getElementById("minutes-counter");

function incrementSeconds() {
seconds += 1;
if (seconds === 60) {
return seconds = 0;
}
el.innerText = seconds;
}
var cancel = setInterval(incrementSeconds, 1000);

dugme.addEventListener("click", function() {
var minutes = parseInt(document.querySelector("#value").value);
el2.innerText = minutes;
})

function incrementMinutes() {
minutes2 += 1;
if (minutes2 === 60) {
return minutes2 = 0;
}
rezultat = (seconds + minutes2 + minutes);
el2.innerText = rezultat;
}

var cancel = setInterval(incrementMinutes, 60000);
<form>
<input type="text" id="value">
<button id="dugme" type="button">minuti</button>
</form>
<div id="seconds-counter"></div>
<div id="minutes-counter"></div>
</form>

最佳答案

您的代码中存在一些问题。主要错误是您的变量 minutes 未在您尝试使用它的函数 incrementMinutes() 中定义。你必须重新计算它。

您可以进行的其他改进是:

  • 删除 incrementSecondsincrementMinutes 函数中的返回值
  • 只有 1 个setInterval,并在秒数达到 60 时调用 incrementMinutes

您可以在下面看到一个片段:

var seconds = 0;
var minutes2 = 0;
var rezultat;
let dugme = document.querySelector("#dugme");
var el = document.getElementById("seconds-counter");
var el2 = document.getElementById("minutes-counter");

function incrementSeconds() {
seconds += 1;
if (seconds === 60) {
seconds = 0;
incrementMinutes();
}
el.innerText = seconds;
}
var cancel = setInterval(incrementSeconds, 1000);

dugme.addEventListener("click", function() {
var minutes = parseInt(document.querySelector("#value").value);
el2.innerText = minutes;
})

function incrementMinutes() {
minutes2 += 1;
if (minutes2 === 60) {
minutes2 = 0;
}
rezultat = (minutes2 + parseInt(document.querySelector("#value").value));
el2.innerText = rezultat;
}
<form>
<input type="text" id="value">
<button id="dugme" type="button">minuti</button>
</form>
<div id="seconds-counter"></div>
<div id="minutes-counter"></div>

关于javascript - 将文本框的值添加到计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65873703/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com