jQuery Refresh (Reload) Div For Every 10 Seconds with Example using setTimeout

By: Suresh Dasari Feb 24, 2015

Introduction:

Here I will explain how to auto load and refresh div for every 10 seconds using jQuery with example using setTimeout function or jQuery reload or refresh div for every 10 seconds or jQuery reload or refresh div for every 10 seconds using setTimeout function.

Description:

In previous articles I explained jQuery reload iframe for every 10 or 5 seconds, jQuery reload or refresh iframe, jQuery different methods to reload or refresh div, Javascript call function for every 5 or 10 seconds using setinterval function and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to reload or refresh div for every 10 seconds using jQuery with example.

By using setTimeout function we can refresh or reload div for every 10 seconds using jQuery like as shown below

$(function () {

setTimeout(function() { $("#testdiv").fadeOut(1500); }, 10000);

$('#btnclick').click(function() {

$('#testdiv').show();

setTimeout(function() { $("#testdiv").fadeOut(1500); }, 10000);

});

})

</script>

If you want to check it in complete example you need to write the code like as shown below

<head>

<title>jQuery Refresh DIV Elements after 10 seconds</title>

$(function () {

setTimeout(function() { $("#testdiv").fadeOut(1500); }, 5000);

$('#btnclick').click(function() {

$('#testdiv').show();

setTimeout(function() { $("#testdiv").fadeOut(1500); }, 5000);

});

})

</script>

.content

{

border: 2px solid Red;

color: #008000;

padding: 10px;

width: 400px;

font-family:Calibri;

font-size:16pt

}

</style>

</head>

<body>

Hi, Welcome to Aspdotnet-Suresh.com

It will disappear in 5 seconds!

</div>

</body>

</html>

Live Demo

For live demo check below div it will hide after 5 seconds if you want see it again click on button to show div again

Hi, Welcome to Aspdotnet-Suresh.com It will disappear in 5 seconds!

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview

jQuery Refresh (Reload) Div For Every 10 Seconds with Example using setTimeout

0 comments :

Give your Valuable Comments

Tags