Automatically Refresh HTML page after some interval

Automatically Refresh HTML page after some interval

Today, We want to share with you Automatically Refresh HTML page after some interval.In this post we will show you html meta redirect after 5 seconds, hear for refresh page on button click html we will give you demo and example for implement.In this post, we will learn about meta http equiv refresh content url with an example.

Automatically Refresh HTML page after some interval

There are the Following The simple About Automatically Refresh HTML page after some interval Full Information With Example and source code.

Read Also:  javascript redirect to relative url with parameters

As I will cover this Post with live Working example to develop auto refresh html page using javascript, so the Automatically refresh page after some interval for this example is following below.

Example 1: Refresh div after some Interval

Simple Reload page using JavaScrip setTimeout Method

    <!DOCTYPE html>
    <html>
    <head>
        <title>pakainfo.com - Reload page after 8 seconds</title>
        <script>
           setTimeout(function(){
               location.reload();
           },8000); // 8000 milliseconds means 8 seconds.
        </script>
    </head>
    <body>
    <h1>Welcome to My Website Pakainfo.com !</h1>
    </body>
    </html>

Hint: 1000 ms = 1 second.

Read Also:  Top 10 Ways to Increase Google Adsense Earnings

Example 2 :

HTML Reload page using JavaScrip setInterval Method

    <!DOCTYPE html>
    <html>
    <head>
        <title>pakainfo.com - Reload page after 8 seconds</title>
        <script>
        function webPageautoRefresh()
        {
            window.location = window.location.href;
        }
         setInterval('webPageautoRefresh()', 8000);
        </script>
    </head>
    <body>
    <h1>Welcome to My Website Pakainfo.com !</h1>
	<p>Automatically refresh page after some interval	</p>
    </body>
    </html>

Example 3 :

Simple Reload page using meta tag in head tag

    <!DOCTYPE html>
    <html>
    <head>
        <title>pakainfo.com - Reload page after 10 seconds</title>
        <meta http-equiv="refresh" content="10" />
    </head>
    <body>
    <h1>Welcome to My Website Pakainfo.com !</h1>
	<p>html meta redirect after 10 seconds</p>
    </body>
    </html>

Angular 6 CRUD Operations Application Tutorials

Read :

Read Also:  Laravel Get Absolute Path Document Root Base URL

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about Automatically Refresh HTML page after some interval.
I would like to have feedback on my Pakainfo.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

About Pakainfo

I am Jaydeep Gondaliya, a software engineer, the founder and the person running Pakainfo. I'm a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.

View all posts by Pakainfo →

Leave a Reply

Your email address will not be published. Required fields are marked *