Skip to main content

How to Refresh/Reload a Page frequently or periodically

We can automatically webpage refresh/ reload with two ways. one of them is using HTML Meta Tag and another is Javascript. in this tutorial you can learn both technique.

Using Meta Tag

<!DOCTYPE html>
<html class="k-ff k-ff43">
 <head> 
  <meta http-equiv="refresh" content="10" />   
 </head>
 <body>
  <div class="refressData" style="border: 2px dotted red; margin-top:40px;"  id="refressData">
 </div>
  
 <script>

     $(document).ready(function () {

         var dateTime = 'Date: ' + new Date().getDate() + '/' + new Date().getMonth() + '/' + new Date().getFullYear() + '/' + ' Time: ' + new Date().getHours() + ": " + new Date().getMinutes() + ':' + new Date().getSeconds();
         $("#refressData").append(dateTime);

     })
</script>
</html>

META Tag:

 <meta http-equiv="refresh" content="10" />  

Add tag in header section and content give value will be parse as second. Metadata is data (information) about data.The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. Metadata is always passed as name/value pairs.

Script: This script allow to get datetime during page reload and append to div


 $(document).ready(function () {

               var dateTime = 'Date: ' + new Date().getDate() 
                    + '/' + new Date().getMonth() + '/' + new Date().getFullYear() 
                    + '/' + ' Time: ' + new Date().getHours() 
                    + ": " + new Date().getMinutes() + ':' + new Date().getSeconds();
               $("#refressData").append(dateTime);

           })

Using Only Javascript


<!DOCTYPE html>
<html class="k-ff k-ff43">
       <head>          
               <title>
                               Automatically webpage refresh/ reload
               </title>       
       </head>
       <body>
              <div class="refressData" style="border: 2px dotted red; margin-top:40px;"  id="refressData">
              </div>
       </body>
      
       <script>

           $(document).ready(function () {
               var dateTime = 'Date: ' + new Date().getDate() + '/'
                + new Date().getMonth() + '/' + new Date().getFullYear()
                + '/' + ' Time: ' + new Date().getHours() + ": "
                + new Date().getMinutes() + ':' + new Date().getSeconds();
               $("#refressData").append(dateTime);
           })

           setTimeout(function () {
               window.location.reload(true);
           }, 5000);
</script>
</html

Script: using setTimeout Javascript function call window reload method


window.location.reload(true);
Automatically Page reload


Labels:

Comments

Post a Comment

Popular posts from this blog

What is RDBMS?

In our crucial programming world, RDBMS is stand for Relational Database Management Systems is based on the Relational Model that maintain data records and index in tables. Generally, the term "Relations" are maintained in RDMS.  In a relational database,store the data into collection of tables, which might be related by common fields (database table columns). RDBMS also provide relational operators to manipulate the data stored into the database tables. Most RDBMS use SQL as database query language. There are several objects are included in RDBMS like ,Indexes,Synonyms,Tables,Views Clusters,Constraints,Database links,Database triggers. Most popular RDBMS  are Oracle, MS-SqlServer, MySql,DB2. etc.
Post a Comment
Read more

What are the difference between DDL, DML , DCL and TCL commands?

Database Command Types DDL Data Definition Language  (DDL) statements are used to define the database structure or schema.  -           CREATE - to create objects in the database -           ALTER - alters the structure of the database -           DROP - delete objects from the database -           TRUNCATE - remove all records from a table, including all spaces allocated for the records are removed -           COMMENT - add comments to the data dictionary -           RENAME - rename an object DML Data Manipulation Language  (DML) statements are used for managing data in database. DML commands are not auto-committed. It means changes made by DML command are not permanent to d...
2 comments
Read more

Identify and Delete duplicate Records in SQL Server

      S cenario: I have accumulated data into SQL Server database from three different servers (oracle, O2 and oracle) for a financial reporting. After data accumulated , we found more duplicate rows; business requirement was to remove all duplicate rows because of final data will be import to another system. For this purpose, I want to write script to find out duplicate rows from my table. Finally, I want to delete only duplicate rows not original row. Original row means if i have total 2 rows those same or duplicate, so I want to delete only one row that is duplicate. Let’s go............................ Step 1: Create a student Table below Script: CREATE TABLE [Students] (     [ID] [int] NULL,     [Name] [varchar] ( 50 ) NULL,     [address] [varchar] ( 50 ) NULL,     [contact] [varchar] ( 50 ) NULL,     [email] [varchar] ( 50 ) NULL ...
1 comment
Read more