Refresh page after clearInterval execution

Question

I have some trivial code like the following:

 var timer_ends = some_ts; var timer = setInterval(function() { time_diff = /* some calculation */ if ( time_diff <= 0 ) { clearInterval(timer) // Want to location.reload(true) here but it would recursively run return; } }, 1000);

Once the timer hits 0 or below, I want to

clearInterval(timer)
I want to refresh the page

The problem is, if I refresh the page, the timer will just restart and we'll recursively keep refreshing. What is the best way to execute the location.reload(true) once and only once the first time time_diff hits 0. Also, if the user is coming to the page for the first time and it's already at 0 it shouldn't refresh.

can also use localStorage if server is not involved in the timing or tracking — charlietfl
– charlietfl, Commented Nov 9, 2018 at 19:26
@JermahlWhite plese see docs here Window localStorage Property — Tornike Shavishvili
– Tornike Shavishvili, Commented Nov 9, 2018 at 19:34

Ertan Kara · Accepted Answer · 2018-11-09 19:30:16Z

 var timer_ends = some_ts; if (Boolean(localStorage.isEnteredBefore)) return; var timer = setInterval(function() { time_diff = /* some calculation */ if ( time_diff <= 0 ) { clearInterval(timer) // Want to location.reload(true) here but it would recursively run localStorage.isEnteredBefore = true; return; } }, 1000);

Electrox Mortem · Accepted Answer · 2018-11-09 19:30:23Z

The code for the cookies is from W3Schools. This should be what you want

function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } var timer_ends = some_ts; var timer = setInterval(function() { time_diff = /* some calculation */ if ( time_diff <= 0 ) { clearInterval(timer) if(getCookie('done')) return setCookie('done', true, 30) location.reload(true) //No need to return here because it's already reloading } }, 1000);

Collectives™ on Stack Overflow

Refresh page after clearInterval execution

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related