Skip to main content

Automatically Refresh HTML page or div after specific time Interval

By -
There are several ways to refresh a complete HTML page after specific time interval, and same is the case with any specific Div or Span or any HTML element on a page, that we can refresh any specific part/element of HTML page without reloading the complete page.
First let’s take a look at refreshing HTML page after specific time interval, this can be achieved using either JavaScript or by meta tags.
A) Using Javascript:
You can use either of the following scripts to refresh after every 5 secounds, say:
Code I:
OR
Code II:
B) Refresh page using Meta tags
Its very easy, you just have to put a meta tag in head tag as follows:
Refresh Div/Span on HTML page after specific time:
In this part we will use JQuery to perform the task, as its provides few of the best options that can help us.
Suppose you have a div with ID as result similar to following:
Then JQuery code will be as follows:
Similarly you can use $.ajax() or $.post() etc instead of load() function and put the response in a div or a span.
— Automatically Refresh HTML page or div after specific time Interval —

Comments

Post a Comment

Popular posts from this blog

A Ten Year Journey: How SEO PowerSuite Has Kept Its SEO Tools Current

By -
Image
By Parth Makadiya I reviewed  PowerSuite set of tools in a previous post and am adding further information about their evolution through the years as part of a sponsored post series. We’ve all heard the old saying “The only thing that stays the same is that everything changes”. And in the online marketing industry, change has always been the name of the game. From staying on top of the zoo Google keeps throwing at us, to dodging curve balls from Facebook Ads, to figuring out each new social platform that pops up – if you aren’t flexible, then online marketing may not be for you. As our industry continuously shifts, the tools we use must change and adapt just as fast. Through out all the changes, one tool set has continued to help SEO experts attain higher rankings, increase traffic, and spy on their competition. We know them now as  SEO PowerSuite . Yet, this tool set has evolved over the last ten years. It’s fun to look back on where you’ve come through the waves of Goog
Read more

4 Ways to Crack a Facebook Password and How to Protect Yourself from Them

By -
Image
     We share our lives on Facebook. We share our birthdays and our anniversaries. We share our vacation plans and locations. We share the births of our sons and the deaths of our fathers. We share our most cherished moments and our most painful thoughts. We divulge every aspect of our lives. We even clamor to see the  latest versions even before they're ready  for primetime. But we sometimes forget who's watching. We use Facebook as a tool to connect, but there are those people who use that connectivity for malicious purposes. We reveal what others can use against us. They know when we're not home and for how long we're gone. They know the answers to our security questions. People can practically steal our identities—and that's just with the visible information we purposely give away through our public Facebook profile. The scariest part is that as we get more comfortable with advances in technology, we actually become more susceptible to hacking. A
Read more

Create Separate Contact Page in Blogger

By -
Image
By Parth Patel Share On Google+ Add This To Delicious Tweet/ReTweet This Share on Facebook StumbleUpon This Digg This Blogger launched it’s official version of the Contact Form Widget but, it works only on the Blogger Sidebar. If you don’t want to add the contact form to your Blog’s sidebar but want it to appear on a specific page, then this tutorial will help you out. I didn’t want the contact form to appear every where on my blog. So I have moved it to a separate Contact Me Page How to move the Blogger Contact Form to a separate Page Follow the below steps to move the Contact Form to a separate page. If you would like to see a demo, you can check out my Contact page. First, add the Blogger Contact Form Widget to your sidebar. (We will hide the contact form later in this tutorial, but you have to add it) .  Now create a new page in your blog Copy the below contact form code block <form name='contact-form'> <div>Your Name : </div> &
Read more