basicjavascript中的Pomodoro计时器

basicjavascript中的Pomodoro计时器,javascript,html,Javascript,Html,我是JavaScript的初学者,对stackoverflow是个新手,我正在开发一个项目Pomotoro Timer来构建类似的东西 但是我仍然停留在它的功能上,即如何使会话倒计时,并在它再次开始计数之前等待中断长度倒计时,这就是我已经走了多远 var breakLength=5, 会话=20//开始休息时间 var show=document.getElementById('displayBreak')//获取元素以显示时间 show.textContent=breakLength//将

我是JavaScript的初学者,对stackoverflow是个新手,我正在开发一个项目Pomotoro Timer来构建类似的东西

但是我仍然停留在它的功能上,即如何使会话倒计时,并在它再次开始计数之前等待中断长度倒计时,这就是我已经走了多远

var breakLength=5,
会话=20//开始休息时间
var show=document.getElementById('displayBreak')//获取元素以显示时间
show.textContent=breakLength//将var作为textcontent
var showSession=document.getElementById('displaySession')//获取元素以显示时间
showSession.textContent=会话//将var作为textcontent
var sessionCountdown=document.getElementById('sessionCount');//计算时段
sessionCountdown.textContent=会话;
函数减法(){
//增加起始变量
断裂长度-=1;
var displayLength=document.getElementById('displayBreak');
displayLength.textContent=breakLength;
}
函数加法(){
//增加起始变量
breakLength+=1;
var displayLength=document.getElementById('displayBreak');
displayLength.textContent=breakLength;
}
/*用于添加和减少会话时间的函数*/
函数sessionSubtraction(){//以减少会话时间
会话-=1;
//会议室
var holdSession=document.getElementById('displaySession');
holdSession.textContent=会话;
//会议倒计时
var holdSessionCount=document.getElementById('sessionCount');
holdSessionCount.textContent=会话;
}
函数sessionAddition(){//以减少会话时间
会话+=1;
//会议室
var holdSession=document.getElementById('displaySession');
holdSession.textContent=会话;
//用于会话计数
var holdSessionCount=document.getElementById('sessionCount');
holdSessionCount.textContent=会话;
}
//函数启动倒计时
函数倒计时(){
var sessionData=document.getElementById('sessionCount').textContent;
无梗菜;
setTimeout('countdown()',1000);
}
//添加事件侦听器单击
var timeCount=document.getElementById('sessionCount');
timeCount.addEventListener('click',倒计时,false);
//为lengthbreak添加事件HLListeners
var showBreak=document.getElementById('plusButton');
showBreak.addEventListener('click',addition,false);
var showBreak=document.getElementById('minusButton');
showBreak.addEventListener('click',减法,false);
//会议活动
var sessionLength=document.getElementById('minusSession');
sessionLength.addEventListener('click',sessionSubtraction,false);
var sessionLength=document.getElementById('plusSession');
sessionLength.addEventListener('click',sessionAddition,false)

断裂长度

减 加 会话长度

减 加 会议

您的倒计时功能需要如下:

    function countdown() {
      var sessionData =  document.getElementById('sessionCount').textContent;
      sessionData--;
      document.getElementById('sessionCount').innerHTML = sessionData;
      setTimeout('countdown()', 1000);
}

您忘记更新“sessionCount”div上的变量。因此,您的倒计时没有更新。

这里的问题是什么?您搜索过这个变量来研究这个问题吗?Pomodoro timers有很多帖子,但没有真正回答我的问题。不应该是“timeCount.addEventListener('click',countdown,false);”,如果你按照自己的方式去做,它会立即被调用,只有当你是对的时候。您的eventListener是正确的。对不起:)