想要实现点击#timegoes
区域,倒计时开始,再次点击此区域的时候,倒计时暂停。
这里我用的是setInterval
和clearInterval
,到底了还是没有成功,这是为什么?
$("#timegoes").click(function() {
var timeNeedGo = $("#total .time").text();
timeNeedGo = parseInt(timeNeedGo[0] + timeNeedGo[1]);
var totalSec = timeNeedGo * 60;
//如果t已经被赋值
if (t) {
console.log("if======"+t);
//清除运行
var t = clearInterval(t);
//如果t没有被赋值,则进行赋值
} else {
console.log("esle======"+t);
var t = setInterval(function() {
totalSec--;
var min = Math.floor(totalSec / 60);
var sec = totalSec - (min * 60);
min = min.toString();
sec = sec.toString();
sec.length < 2 ? sec = 0 + sec : sec;
var text = min + ":" + sec;
$("#timegoes .time").text(text);
}, 1000);
console.log("after====="+t);
}
})
相关分类