Home » javascript » Auto refresh page using Javascript

Auto refresh page using Javascript

by admin · November 19, 2009

Rating: 4.5/10 (12 votes cast)

Auto refresh page using Javascript

Actually this javascript program have been there long since javascript is made. But getting a page refreshed within a specific time frame is a great thing to get added to your website. In this script we can implement a timer which displays a countdown before the web page gets refreshed.

Code explanation:- For the code below I am setting time limit as 30 seconds. parselimit variable will have the time in seconds. For example if you are setting limit as one minute and thirty seconds (1:30), then this will be converted to seconds by the variable parselimit.

The main code will come under function named beginrefresh from where it basically checks whether variable parselimit is equal to one then reload the web page otherwise keep decrementing the time.

Countdown will be shown in the div with id=”status”

<script>
//enter refresh time in "minutes:seconds" Minutes should range from 0 to inifinity. / / enter refresh time in "minutes: seconds" Minutes should range from 0 to inifinity. Seconds should range from 0 to 59 Seconds should range from 0 to 59
var limit="0:30" 
parselimit=limit.split(":") 
parselimit = parselimit [0] * 60 + parselimit [1] * 1
function beginrefresh(){
if (parselimit==1) 
window.location.reload() 
else{
parselimit-=1 
curmin=Math.floor(parselimit/60) 
cursec=parselimit%60 
if (curmin!=0) 
curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"
else 
curtime=cursec+" seconds left until page refresh!"
document.getElementById("status").innerHTML=curtime 
setTimeout("beginrefresh()",1000)
} 
}
window.onload=beginrefresh 

</script> 
<div id="status"></div>

You can use this web page to call some Database page or something similar that needs to be refreshed after a specific time period.

Rating: 4.5/10 (12 votes cast)

Auto refresh page using Javascript, 4.5 out of 10 based on 12 ratings