Auto Reload Page

Hi Experts,

Could you please help me:

If I want to refresh my web page in some seconds, just like :

when 10 sec, go to page 1 ,
when 15 sec, go to page 2,
when 20 sec, go to page 3 and so on.....

Also, I want to maintain my web address, is it posible to use "frame" to refresh the content while maintain at the same web address?

Can html can do this ? if yes, could you please give me some code?

Thanks
kchoed
kchoedAsked:
Who is Participating?
 
RedLavaConnect With a Mentor Commented:
kchoed,

Page 1 code (page1.html):

<HTML>
  <HEAD>
    <META HTTP-EQUIV=Refresh CONTENT="10; URL=page2.html"/>
  </HEAD>
  <BODY>
    Your content
  </BODY>
</HTML>

Page 2 code (page2.html):

<HTML>
  <HEAD>
    <META HTTP-EQUIV=Refresh CONTENT="10; URL=page3.html"/>
  </HEAD>
  <BODY>
    Your content
  </BODY>
</HTML>

Page 3 code (page3.html):

<HTML>
  <BODY>
    Your content
  </BODY>
</HTML>

Index page (index.html):

<HTML>
  <HEAD>
    <TITLE>Your title</TITLE>
  </HEAD>
  <FRAMESET ROWS="100%">
    <FRAME SRC="page1.html">
  </FRAMESET>
</HTML>


RedLava
0
 
RedLavaCommented:
Hi kchoed,

This is possible. The way to do it is by using a meta refresh within each of your pages set to refresh to the next page after 10 seconds.
Once you have all your pages refreshing to each other they can be put in an index.htm frameset on the root of your site.

I will follow with code shortly.

The only thing to keep in mind is that if the pages are refreshed after 10 seconds they may have not loaded properly in that time. Is this an issue?

RedLava
0
 
krushoCommented:
putting something like the following would work

//on page 1
<head>
<META http-equiv="Refresh" content="10;URL=page2.html">
</head>

//on page 2 (given that you meant this page lasts 15 seconds)
<head>
<META http-equiv="Refresh" content="10;URL=page3.html">
</head>

basically just put tthat meta tag in the header of any page you want to wait and then refresh itself goign to a new page.

and for the frame just have this on a main page:
<FRAMESET cols="100%,*" border="0" bordercolor="#0000cc">
      <FRAME name="index" src="page1.html" scrolling="no" noresize>
<NOFRAMES>

that makes it so there is no border on the frame (they wont know its a frame) and there is no scrolling the frame or resizing it (good for stopping people from messign up a perfectly good site with their changing stuff)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.