Vue计时和倒计时

Vue计时和倒计时

0、相关变量

considerateTime: 30, //思考时间
oneAnswerTime: 180,  //1题的回答时间
totalTimeH: 0,   //总时间的小时
totalTimeM: 0,   //总时间的分钟
totalTimeS: 0,   //总时间的秒

一、计时

1、效果

2、主要代码

counttimeOftotal(){//面试总时长计时this.timer = setInterval(()=>{alTimeS++alTimeS===60){// 60s后加1分alTimeM+&#alTimeS = 0}alTimeM===60){// 60s后加alTimeH+&#alTimeM = 0}},1000)}

二、倒计时

1、效果

2、主要代码

countdownOfConsiderateTime() {//思考时间的倒计时this.timer = setInterval(()=>{siderateTime===0){//定时完成后的业务逻辑//clearInterval(this.timer)   //清除定时器}},1000)}