我正在使用这个代码笔模板 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);
});