Search This Blog

Sunday, February 26, 2012

Dispaly the time on Webpage using Java Script


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"></asp:TextBox> 
<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.

1 comment:

  1. is it possible to write this script in CEWP..??

    ReplyDelete