ASP.Netのお勉強

Ajax Timerコントロール＠ASP.Net

Timerコントロールを利用して、時計を作成します。

ScriptManagerを配置します。
UpdatePanelを配置し、ContentTemplateに、
TimerとTextBoxを配置します。
Timerのインターバルを1000msに設定します。

ページロード時に、TextBoxにDateを表示します。

TimerのTickをHandleします。
インターバール経過後に呼ばれます。
TextBoxにDateを表示します。

●aspx

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Timer</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick">
                </asp:Timer>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </ContentTemplate>
        </asp:UpdatePanel>
        </div>
    </form>
</body>
</html>


●aspx.vb

Partial Class _Default
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Me.TextBox1.Text = Date.Now.ToString()
    End Sub

    Protected Sub Timer1_Tick(ByVal sender As Object, ByVal e As System.EventArgs)
        Me.TextBox1.Text = Date.Now.ToString()
    End Sub
End Class

Copyright (C) ASP.Netのお勉強. All Rights Reserved.