javascript - Java script submit form countdown no reset if refresh -
<button type="submit" class="submitbtn" id="submit" disabled="disabled" name="submit" >submit form</button> <p id="timeleft"> can send form again after: 86400 seconds </p> </div> </form> </div> <script type="text/javascript"> settimeout (function(){ document.getelementbyid('submit').disabled = null; },86400000); var countdownnum = 86400; inctimer(); function inctimer(){ settimeout (function(){ if(countdownnum != 0){ countdownnum--; document.getelementbyid('timeleft').innerhtml = 'you can send form again after: ' + countdownnum + ' seconds ' + '(24hours)'; inctimer(); } else { document.getelementbyid('timeleft').innerhtml = 'you can make result again!'; } },1000); } </script> this javacode, if refersh page, countdown refresh..this submit form disabled , submit again after 24hours (86,400 secs)
you can use localstorage if want save variable
// put object storage when ever change localstorage.setitem('countdownnum', countdownnum); // retrieve object storage when @ starting var retrievedobject = localstorage.getitem('countdownnum'); if(!retrievedobject){ retrievedobject= 86400; } edit: can change code https://jsfiddle.net/ammar08429/v0pafq0s/2/
and use setinterval instead of call timeout every second can see example in above link
Comments
Post a Comment