<head runat="server">
<title>Untitled Page</title>
</head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(MyUpdate,10 * 1000);
});
function MyUpdate()
{
$.get("ajaxdata.ashx",function(result)
{
if ( $('#lblMinute').text() != result )
{
$('#lblMinute').html(result);
$('#lblMinute').fadeOut(450);
$('#lblMinute').fadeIn(450);
$('#lblMinute').fadeOut(450);
$('#lblMinute').fadeIn(450);
$('#lblMinute').fadeOut(450);
$('#lblMinute').fadeIn(450);
}
});
setTimeout(MyUpdate,10 * 1000);
}
</script>
<body>
<form id="form1" runat="server">
<div>
<span style="background-color:LightBlue" >Autoupdating every 10 seconds...</span>
<table border="1">
<tr>
<td>Something</td>
<td><asp:Label ID="lblDataUpdated" runat="server">Hello there bla bla</asp:Label></td>
</tr>
<tr>
<td>Other important stuff</td>
<td>Again more bla bla</td>
</tr>
<tr>
<td>Current minute is</td>
<td><asp:Label ID="lblMinute" runat="server"></asp:Label></td>
</tr>
