如何实现页面时间实时动态更新（局部更新）

最新推荐文章于 2024-07-01 21:38:11 发布

oyzl5zl

最新推荐文章于 2024-07-01 21:38:11 发布

阅读量2.7k

点赞数

文章标签： timer server asp xhtml html ajax

本文链接：https://blog.csdn.net/oyzl5zl/article/details/5425814

版权

首先往页面拖入三个Ajax控件：ScriptManager，Timer和UpdatePanel，设置Timer的Interval属性为"1000"（1000毫秒自动更新间隔时间），在<UpdatePanel>下写入代码<ContentTemplate><%= System.DateTime.Now.ToString() %></ContentTemplate>。具体代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server" />
    </div>
    <asp:UpdatePanel ID="UpdatePanel1"
        runat="server">
        <ContentTemplate>
        <%= System.DateTime.Now.ToString() %>
            <asp:Timer ID="Timer1"
                runat="server"
                Interval="1000" >
            </asp:Timer>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

运行就能发现你想要的页面实时更新时间实现了。

oyzl5zl

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
如何实现页面时间实时动态更新（局部更新）

首先往页面拖入三个Ajax控件：ScriptManager，Timer和UpdatePanel，设置Timer的Interval属性为"1000"（1000毫秒自动更新间隔时间），在下写入代码。具体代码如下： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">
复制链接

扫一扫