[javascript] auto refresh for every 5 mins

this is my code

<html>
<head>
    <script language="javascript" src="JS/jQuery.js"></script>
    <script>
        function page_refresh(){
            document.getElementById('form2').action="project_file_dir.cfm"  
            document.getElementById('form2').submit();          
        }

    </script>
</head>
<body >
<cfoutput>
<cfset fileLocation ="\\squeaker\SiSystemsFile\WebServices\WebSites\Perforce\Bhargavi"> <!--- On mac set to /tmp --->
<cfdirectory
        action = "list"
        directory = "#fileLocation#"
        name = "files"
        filter="*.*">
<form  method="post" id="form2">
    <cfset f="#files.recordcount#">  
    <cfset mydatetime=now()>
    <cfset a=TimeFormat(MyDateTime,'hh:mm:ss tt')>
      Total File in <b> #fileLocation# </b> Count is <b> #f# </b> #TimeFormat(MyDateTime,'hh:mm tt')#
       <input type="button" name="Refresh" value="refresh" onclick="page_refresh()"><br>
       <b>Next Run</b>
      <cfset b=TimeFormat(DateAdd('n', +5, MyDateTime),'hh:mm:ss tt')>
       #TimeFormat(DateAdd('n', +5, MyDateTime),'hh:mm tt')#
    </cfoutput>

<cfset a= Minute(Now())>
<cfset b=a%5 >  
<cfoutput>#b#</cfoutput>
<!--- <cfinclude template="page_move_2.cfm"> --->
<cfloop condition="b gt 0">
        <cfoutput>inside loop</cfoutput>
    <cfset Sleep(6000)>

    <cfset b = b - 1 >

</cfloop>
<cfoutput>hi</cfoutput>
</form>
</body>
</html>

i need to refresh the page for every 5 mins . how to do this . i used sleep() function but ui itself loaded after that sleep() is executed . this me how to reload the page for every 5 mins

This question is related to javascript coldfusion-10

The answer is


Page should be refresh auto using meta tag

<meta http-equiv="Refresh" content="60"> 

content value in seconds.after one minute page should be refresh


Auto reload with target of your choice. In this case target is _self set to every 5 minutes.

300000 milliseconds = 300 seconds = 5 minutes

as 60000 milliseconds = 60 seconds = 1 minute.

This is how you do it:

<script type="text/javascript">
function load()
{
setTimeout("window.open('http://YourPage.com', '_self');", 300000);
}
</script>
<body onload="load()">

Or this if it is the same page to reload itself:

<script type="text/javascript">
function load()
{
setTimeout("window.open(self.location, '_self');", 300000);
}
</script>
<body onload="load()">

Install an interval:

<script type="text/javascript">    
    setInterval(page_refresh, 5*60000); //NOTE: period is passed in milliseconds
</script>

Refresh document every 300 seconds using HTML Meta tag add this inside the head tag of the page

 <meta http-equiv="refresh" content="300">

Using Script:

            setInterval(function() {
                  window.location.reload();
                }, 300000);