Javascript 前60秒后Pomotoro秒不显示

我在试波莫多罗。请参考片段。播放和停止按钮工作正常，但第二个元素（var secEl=document.querySelector（'.timesec'）；）在前60秒后不显示

25:00

函数按预期运行，但秒数在前60秒后停止显示。我认为document.querySelector有问题

多谢各位

var playEl=document.querySelector（'.play'）；
var secEl=document.querySelector（'.timesec'）；
var minEl=document.querySelector（'.timemin'）；
var stopEl=document.querySelector（'.stop'）
playEl.addEventListener（“单击”，开始时间）；
stopEl.addEventListener（'click'，stopTime）；
设计数器=00；
设minCounter=25；
倒计时；
函数startTime（）{
计数器=60；
secEl.innerHTML=计数器；
//console.log（'我被点击'，计数器）
secCountDown=setInterval（倒计时，1000）；
函数倒计时（）{
计数器--；
secEl.innerHTML=计数器；
//log（secEl.innerHTML）；
如果（计数器==0）{
清除间隔（秒倒计时）；
minCountDown（）；
//console.log（'我被选中'）
}  
}
}      
函数minCountDown（）{
minCounter--；
minEl.innerHTML=minCounter；
if（minCounter==0）{
//console.log（“我已检查”）；
}否则
{
开始时间（）；
}
}
函数stopTime（）{
清除间隔（秒倒计时）；
minEl.innerHTML=25；
secEl.textContent=00；
}    

文件
.计时器{
边框：1px纯黑；
最小高度：280px；
}
.时间{
字体大小：60px；
}
波莫多罗
工作休息
25 : 00
玩
停止
暂停

发生这种情况是因为您的HTML结构不适合这种情况。

.timemin

元素是

.timesec

元素的父元素，因此只要设置第一个元素的HTML，第二个元素就会被销毁。一旦发生这种情况，对

.timesec

元素的引用将不再附加到文档，其HTML的任何更新都不再具有视觉效果：

25:00

相反，为分钟创建一个单独的

span

：

25 : 00