Javascript 不同页面上的计数器时钟不工作
我是一个JS新手,我们为时钟创建了一个代码,当重新加载同一页或移动到下一页时,时钟从结束时间开始,但这不能正常工作。我在这里展示了它的javascript代码。我们正在将其添加到limesurvey js文件中 Js代码:Javascript 不同页面上的计数器时钟不工作,javascript,jquery,cookies,timer,Javascript,Jquery,Cookies,Timer,我是一个JS新手,我们为时钟创建了一个代码,当重新加载同一页或移动到下一页时,时钟从结束时间开始,但这不能正常工作。我在这里展示了它的javascript代码。我们正在将其添加到limesurvey js文件中 Js代码: function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(w
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(window.location.href) || [null, ''])[1].replace(/\+/g, '%20')) || null;
}
功能启动定时器(持续时间,显示){
var start=Date.now(),
差异,
会议记录,
秒;
函数计时器(){
//获取此后经过的秒数
diff=持续时间-((Date.now()-start)/1000)| 0);
//执行与parseInt相同的任务来截断浮点值
分钟=(差异/60)| 0;
秒=(差异%60)| 0;
分钟=分钟<10?“0”+分钟:分钟;
秒=秒<10?“0”+秒:秒;
display.textContent=分钟+“:”+秒;
在我看来,饼干部分不能正常工作。有人能帮忙吗
function startTimer(duration, display) {
var start = Date.now(),
diff,
minutes,
seconds;
function timer() {
// get the number of seconds that have elapsed since
diff = duration - (((Date.now() - start) / 1000) | 0);
// does the same job as parseInt truncates the float
minutes = (diff / 60) | 0;
seconds = (diff % 60) | 0;
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds ;
if (diff <= 0) {
display.textContent ="Time finished ";
alert("Time is over.Click ok to submit Exam.")
$("#movesubmitbtn").click();
clearInterval(handle);
}
}
// we don't want to wait a full second before the timer starts
timer();
var handle = setInterval(timer, 1000);
}
window.onload = function(){
//set cookie if not exist
if(document.cookie && document.cookie.match('examDuration')){
examTime = document.cookie.match(/(^|;)examDuration=([^;]+)/)[2];
}
else{
timeLimit = getURLParameter('examTime');
document.cookie = 'examDuration='+ 60*timeLimit + '; path=/; ' ;
examTime= 60*timeLimit ;
}
var display = document.querySelector('#time');
startTimer(examTime, display);
$("#movenextbtn").onclick(function(){
remainingTime = (minutes * 60) + seconds ;
document.cookie = 'examDuration='+ remainingTime + '; path=/; ' ;
clearInterval(handle);
});
$("#movesubmitbtn").onclick(function(){
remainingTime = (minutes * 60) + seconds ;
document.cookie = 'examDuration='+ remainingTime + '; path=/; ' ;
clearInterval(handle);
});
};