Wednesday, June 30, 2010

Javascript to display time on Web page

JavaScript sample to continuously display the current time on the web page. Continuously means that the textbox value will be updated with the current time every second.

script type="text/javascript">

function ShowTime() {

var dt = new Date();

document.getElementById("<%= TextBox1.ClientID %>").value = dt.toLocaleTimeString();

window.setTimeout("ShowTime()", 1000);

}

script>



asp:TextBox ID="TextBox1" runat="server">



script type="text/javascript">

// a startup script to put everything in motion

window.setTimeout("ShowTime()", 1000);

script>


If you are using normal web form then it can also be called on Body onload event. If you are using MasterPage then it can be called within ContentTemplate at the end after all the controls have been rendered.

No comments: