如何退出 JavaScript 中的函数?



我正在使用这个代码笔模板 https://codepen.io/stevethorson/pen/nisBh 用于问答比赛。我有 10 个div 元素,除了第一个div 之外,所有元素都设置为不显示,当此计时器重置时,它将更改我的下一个div 显示并隐藏之前的div 显示。

当计时器完成 10 次重置并使我的第 10 个div 不隐藏时,如何停止计时器重置?div 的所有 id 都在数组中。 我在该模板中 js 代码底部所做的更改是,

var Timer;
let ids=["aq","bq","cq","dq","eq","fq","gq","hq","iq","jq"];
var i=0;
var j=1;
$(document).ready(function() {
var callbackFunction = function(){
Timer.reset(2);
i+=1;
j+=1;
$('h3').html('Question Number:'+j+'');
document.getElementById(ids[i-1]).style.display = "none";
document.getElementById(ids[i]).style.display = "";
};

Timer = new radialTimer(callbackFunction);
Timer.init("timer", 2);
});

所以我希望我的最后一个div永久出现

Timer.start(t);
while (j >2) {
timer.stop(a); // name that callback function as a and if it gets incremented i,e resetted untill some reseets, just use  while loop and stop that funcion a.
}
}
}

var Timer;
let ids=["aq","bq","cq"];
var i=0;
var j=1;

$(document).ready(function() {
var callbackFunction = function(a){    //function a
Timer.reset(2);
i+=1;
j+=1;
$('h3').html('Question:'+j+'');
document.getElementById(ids[i-1]).style.display = "none";
document.getElementById(ids[i]).style.display = "";
};

Timer = new radialTimer(callbackFunction);
Timer.init("timer", 2);
});

最新更新