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 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

Display Image Immediately from fileUpload Control

Client Side Programming is more efficient for user to very first interection Like Jquery . Now i provide some jquery script to display Image from FileUpload Control directly.. For this purpose we use reference . <script src="../../../JS/JQueryAutocomplete/jquery-1.7.2.js" type="text/javascript"></script>. You just download from jquery.com. Now code below... <script language="javascript" type="text/javascript"> /* Write FileUpload Change event .. */ $('#FileUpload1').bind('change', function() {                                 displayImage(this);                    }); //-------------------------// function displayImage(input)             {        ...
1 comment
Read more

DBCC command to RESEED Table Identity Value – Reset Table Identity

Generally,  we are using identity column into table where identity value incrementally inserted.  DBCC command RESEED is used to reseed (reset) column identity. For example, your table has 20 rows that means last identity value is 20. if you want to reseed identity value will be 30, you can run following TSQL. DBCC  CHECKIDENT  ( yourtable ,  reseed ,  29 ); i f You reseed identity value which is below in current table, it will violate   the uniqueness constraint as soon as the values start to duplicate and will generate error. If you delete last row in current table and insert new row into current table, your new inserted identity value will be last (deleted identity value + incremental value). For example, you delete last three rows where Identity value is 20 - 22 ,so if you now insert new row,  identity value will be 23. That means seed value keep into transaction log.
Post a Comment
Read more