restricting timer to be reset JavaScript

Question

can someone help this code so the timer not resetting again ?

Here is my code :

var mins
var secs;

function cd() {
 	mins = 1 * m("02"); // change minutes here
 	secs = 0 + s(":01"); // change seconds here (always add an additional second to your total)
 	redo();
}

function m(obj) {
 	for(var i = 0; i < obj.length; i++) {
  		if(obj.substring(i, i + 1) == ":")
  		break;
 	}
 	return(obj.substring(0, i));
}

function s(obj) {
 	for(var i = 0; i < obj.length; i++) {
  		if(obj.substring(i, i + 1) == ":")
  		break;
 	}
 	return(obj.substring(i + 1, obj.length));
}

function dis(mins,secs) {
 	var disp;
 	if(mins <= 9) {
  		disp = " 0";
 	} else {
  		disp = " ";
 	}
 	disp += mins + ":";
 	if(secs <= 9) {
  		disp += "0" + secs;
 	} else {
  		disp += secs;
 	}
 	return(disp);
}

function redo() {
 	secs--;
 	if(secs == -1) {
  		secs = 59;
  		mins--;
 	}
 	document.cd.disp.value = dis(mins,secs); // setup additional displays here.
	document.getElementById('waktu_val').innerHTML = dis(mins,secs);
 	if((mins == 0) && (secs == 0)) {
  		//window.alert("Time is up. Press OK to continue.");// change timeout message as required
		window.document.form_verbal.submit(); 
  		//window.location = "http://localhost/tesasisten/Soal/exec_jkl.php" // redirects to specified page once timer ends and ok button is pressed
 	} else {
 		cd = setTimeout("redo()",1000);
 	}
}

function init() {
  cd();
}
window.onload = init;

i'm using it for recruitment test, but since this bug found when refreshing page so the timer go back to 2 minute and needed to be fix. I think code itself not saving the multiple choices the question given.

that's it, any help would be appreciated thanks.

AthMav · Accepted Answer · 2017-05-31 10:47:17Z

var mins
    var secs;
var minutes=sessionStorage.mins || "02";
var seconds=sessionStorage.secs || ":01";
    function cd() {
        mins = 1 * m(minutes); // change minutes here
        secs = 0 + s(seconds); // change seconds here (always add an additional second to your total)
        redo();
    }

    function m(obj) {
        for(var i = 0; i < obj.length; i++) {
            if(obj.substring(i, i + 1) == ":")
            break;
        }
        return(obj.substring(0, i));
    }

    function s(obj) {
        for(var i = 0; i < obj.length; i++) {
            if(obj.substring(i, i + 1) == ":")
            break;
        }
        return(obj.substring(i + 1, obj.length));
    }

    function dis(mins,secs) {
        var disp;
        if(mins <= 9) {
            disp = " 0";
        } else {
            disp = " ";
        }
        disp += mins + ":";
        if(secs <= 9) {
            disp += "0" + secs;
        } else {
            disp += secs;
        }
        return(disp);
    }

    function redo() {
        secs--;
        if(secs == -1) {
            secs = 59;
            mins--;
        }
        document.cd.disp.value = dis(mins,secs); // setup additional displays here.
        document.getElementById('waktu_val').innerHTML = dis(mins,secs);
sessionStorage.mins=mins;
sessionStorage.secs=secs;
        if((mins == 0) && (secs == 0)) {
            //window.alert("Time is up. Press OK to continue.");// change timeout message as required
            window.document.form_verbal.submit(); 
            //window.location = "http://localhost/tesasisten/Soal/exec_jkl.php" // redirects to specified page once timer ends and ok button is pressed
        } else {
            cd = setTimeout("redo()",1000);
        }
    }

    function init() {
      cd();
    }
    window.onload = init;

<!-- end snippet -->

KMav · Accepted Answer · 2017-05-31 09:32:08Z

0

If you want to keep the current timer throught refreshes you can add it to the sessionStorage or the localStorage.

Just make sure you remove the record when the test is finished, specially from the localStorage. The sessionStorage will keep it until the session expires, so there is no problem if you don't delete it yoursef, given that there are no complications later on.

answered May 31, 2017 at 9:32

KMav

11 bronze badge

Collectives™ on Stack Overflow

restricting timer to be reset JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related