Auto Reload the Google page

Question

I want my html code to open the Google Page and refresh it after every 5 seconds. The Code i have written, it opens the google page after 5 seconds but it doesn't refresh or reload it again. How can I do that?

Here is the Code:

<html>

<head> 
    <script>

        setInterval(function(){
        window.location.href ="https://www.google.com.pk/"; 
        }, 5000);

    </script>   

</head>

<body>

</body>
</html>

You cannot refresh a page that is not your own, unless its in an iframe. http://stackoverflow.com/questions/3244877/refresh-an-iframe — Jacques ジャック, Jun 18 '16 at 17:36
And iframe is a dom element that allows you to show another webpage inside yours. https://www.w3.org/wiki/HTML/Elements/iframe — Jacques ジャック, Jun 18 '16 at 17:46
okay so is it possible for me to use iframe tag and to refer it to google. hence it will reload the google page in the loop right ? — Nadeem Fayyaz, Jun 18 '16 at 17:58
Yes, just take a look at a good way to do that in the question I linked to in my first comment. The answer is `use an iframe, and refresh that every 5 seconds.` — Jacques ジャック, Jun 18 '16 at 17:59

wai lok wang · Answer 1 · 2016-06-18T18:18:34.623

0

when you refresh the webpage by javascript, the browser will be redirected to google.com and would not be able to read your code. So the best way to this is to create a iframe in your html, and reload it by javascript.

because the reloading a iframe would not redirect your whole page to a new domain, your js code will still exist and able to run :

<html>
 <body>
  <iframe src="http://www.google.com" id="googleIframe"></iframe>
 <script>
document.getElementById('googleIframe').contentDocument.location.reload(true);
</script>
</body>
</html>

edited Jun 18 '16 at 18:18

answered Jun 18 '16 at 17:52

wai lok wang

21
6

Your code won't run. You'll get an error: `Uncaught SyntaxError: Invalid or unexpected token` – Jacques ジャック Jun 18 '16 at 18:03
Sorry just missed the string in getElementById – wai lok wang Jun 18 '16 at 18:19
You probably want to put the refresh in an interval for OP as well. I'll +1 it after you do that. – Jacques ジャック Jun 18 '16 at 18:20

score 0 · Answer 2 · answered Jun 18 '16 at 18:37

0

Take away the semi colon after your Web address and remove the javascript entirely

answered Jun 18 '16 at 18:37

Rmj86

1,140
1
7
9

score -1 · Answer 3 · answered Jun 18 '16 at 17:43

-1

You will need to have Google in an iframe then have the following code in you HTML file head:

   <head>
<meta http-equiv="refresh" content="5">
</head>

answered Jun 18 '16 at 17:43

Rmj86

1,140
1
7
9

This is not that great of a solution as it requires the entire page the user is on the be refreshed. – Jacques ジャック Jun 18 '16 at 18:01
The OP seemed to ask for HTML code but used JS and failed. That soution is html only solution. – Rmj86 Jun 18 '16 at 18:04
The OP asked for something that isn't possible, and it's obvious by his code that he was trying to use javascript, and this question is tagged with javascript. – Jacques ジャック Jun 18 '16 at 18:06
This is the code that i have written. It is not showing google page. But it is refreshing – Nadeem Fayyaz Jun 18 '16 at 18:08
– Nadeem Fayyaz Jun 18 '16 at 18:08
The meta tag doesn't need the java script the entire page will refresh ever 5 seconds. – Rmj86 Jun 18 '16 at 18:29
it is refreshing but its not opening the Google page – Nadeem Fayyaz Jun 18 '16 at 18:36
Take away the semi colon after your Web address and remove the javascript entirely – Rmj86 Jun 18 '16 at 18:37
did that and its working. Though google logo and things related to it CSS are not visible but its fetching google.com at every refresh. – Nadeem Fayyaz Jun 18 '16 at 18:49
@Rmj86 is it because my html file doesnot have google page CSS thats why it is blank ? – Nadeem Fayyaz Jun 18 '16 at 18:50
Do you have .pk in you url? Remove that should help I think. Can you put a Screenshot up of what the page looks like? – Rmj86 Jun 18 '16 at 19:29

Auto Reload the Google page

3 Answers3