Sunday 9 December 2012

Display time in ASP.NET Application


    <script type="text/javascript" language="javascript">
                function updateTime() {
                    var label = document.getElementById('currentTime');
                    if (label) {
                        var time = (new Date()).localeFormat("T");
                        label.innerHTML = time;
                    }
                }
                updateTime();
                window.setInterval(updateTime, 1000);
        </script>
            <Ajax:ToolkitScriptManager runat="server" EnablePartialRendering="true" ID="ScriptManager1" />
            <asp:UpdatePanel runat="server" ID="UpdatePanel1">
                <ContentTemplate>
                    <div style="width: 180px; height: 100px;">
                        <asp:Panel ID="timer" runat="server" Width="200px" ForeColor="DarkBlue" Style="z-index: 500; border-radius: 15px;">
                            <div style="width: 100%; height: 100%; vertical-align: middle; text-align: center;">
                                <span id="currentTime" clientidmode="Static" runat="server" style="font-size: large;font-weight: bold; line-height: 40px; color: Black;" />
                            </div>
                        </asp:Panel>
                        <Ajax:AlwaysVisibleControlExtender ID="avce" runat="server" TargetControlID="timer"
                            VerticalSide="Top" VerticalOffset="10" HorizontalSide="Right" HorizontalOffset="10"
                            ScrollEffectDuration=".1" />
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>

No comments:

Post a Comment