In this blog we will know how to display the running time in
web page.
Method-1
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Show_time_in_webpage._Default" %>
<!DOCTYPE html
PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form
id="form1"
runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1"
runat="server">
</asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" Interval="100" ontick="Timer1_Tick">
</asp:Timer>
<asp:UpdatePanel
ID="UpdatePanel1"
runat="server">
<ContentTemplate>
<asp:Label ID="Label2"
Text="Current
Time:" runat="server"
Font-Bold="True"
ForeColor="#FF9900"></asp:Label>
<asp:Label ID="Label1" runat="server" Font-Bold="True" ForeColor="Maroon"></asp:Label>
<br />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick"></asp:AsyncPostBackTrigger>
</Triggers>
</asp:UpdatePanel>
<br />
</div>
</form>
</body>
</html>
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using
System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
namespace Show_time_in_webpage
{
public partial
class _Default
: System.Web.UI.Page
{
protected void Timer1_Tick(object
sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToString("hh:mm:ss");
}
}
}
Method-2
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Show_time_in_webpage.WebForm1"
%>
<!DOCTYPE html
PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script
type="text/javascript">
function ShowTime() {
var dt = new Date();
document.getElementById("<%=
TextBox1.ClientID %>").value = dt.toLocaleTimeString();
window.setTimeout("ShowTime()",
1000);
}
</script>
<script type="text/javascript">
window.setTimeout("ShowTime()", 1000);
</script>
</head>
<body>
<form
id="form1"
runat="server">
<div>
<asp:Label
ID="Label1"
runat="server"
Text="Current
Time:"></asp:Label>
<asp:TextBox ID="TextBox1"
runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
Thanks for reading