如何解决如何使用 onclick btn 以分钟和秒为单位进行番茄钟倒计时
我在尝试解决这个问题时遇到了最糟糕的时间,我正在使用基本的 javascript 制作这个番茄钟,我已经使会话和休息时间有效,但我不知道如何使其与会话一起工作,然后到休息时间,如果你能向我解释一下,我真的很想学习编码。
function incrementBreak() {
let breakLength = document.getElementById("break-length");
if (parseFloat(breakLength.innerText) < 60) {
breakLength.innerText = parseFloat(breakLength.innerText) + 1;
}
}
function decrementBreak() {
let breakLength = document.getElementById("break-length");
if (parseFloat(breakLength.innerText) > 0) {
breakLength.innerText = parseFloat(breakLength.innerText) - 1;
}
}
function incrementSession(){
let sessionLength = document.getElementById("session-length");
if (parseFloat(sessionLength.innerText) < 60) {
let incrementedSessionValue = parseFloat(sessionLength.innerText) + 1;
sessionLength.innerText = incrementedSessionValue;
document.getElementById("minutes").innerText = incrementedSessionValue;
}
}
function decrementSession() {
let sessionLength = document.getElementById("session-length");
if (parseFloat(sessionLength.innerText) > 0) {
let decrementedSessionValue = parseFloat(sessionLength.innerText) - 1;
sessionLength.innerText = decrementedSessionValue;
document.getElementById("minutes").innerText = decrementedSessionValue;
}
}
var secondsLeft = 60;
var minutesLeft = document.getElementById("minutes");
function toggleOnOff(){ `this is the onclick`
var Timer = setInterval(function
function1(){
document.getElementById("seconds").innerHTML = secondsLeft;
secondsLeft -= 1;
if(secondsLeft <= 0){
clearInterval(Timer);
var Timer2 = setInterval(function
function2() {
document.getElementById("minutes").innerHTML = minutesLeft;
minutesLeft -= 1;
if (minutesLeft <= 0){
clearInterval(Timer2);
}
},1000)
}
},1000);
console.log(countdown);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。