65.9K
CodeProject is changing. Read more.
Home

Javascript to display time on Web page

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0 vote)

Oct 11, 2013

CPOL
viewsIcon

11351

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

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 get 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.