当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net 实现动态显示当前时间(不用javascript不考虑开销)

asp.net 实现动态显示当前时间(不用javascript不考虑开销)

2017年12月12日  | 移动技术网IT编程  | 我要评论

柳熙烈的写生簿130906,网王skip光华怒放,唐氏筛查性别

default.aspx页面：先拉一个scriptmanager控件到页面，然后拉一个updatepanel控件。updatepanel里面放一个label用于显示时间，放一个timer控件用于控制时间的更新。注意label与label都要放到updatepanel控件里面。最后，timer控件的interval属性设置为1000，让它每1秒执行一次即更新时间。
default.aspx.cs页面：只需在
protected void page_load(object sender, eventargs e)
里面输入
label1.text = datetime.now.tostring();
即可。
下面是两个页面的源码：
default.aspx
复制代码 代码如下:

<%@ page language="c#" autoeventwireup="true" codebehind="default.aspx.cs" inherits="动态显示实时时间._default" %>
<!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>
<style type="text/css">
.style1
{
height: 183px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div> <asp:scriptmanager id="scriptmanager1" runat="server">
</asp:scriptmanager>
</div>
<table style=" position: absolute; margin-left:200px; margin-right:200px; margin-top:100px; width:270px; height:78px; top: 15px; left: 10px;">
<tr>
<td>动态显示实时时间</td>
</tr>
<tr><td class="style1"><asp:updatepanel id="updatepanel1" runat="server" >
<contenttemplate>
当前时间是：
<asp:label id="label1" runat="server" text="label"></asp:label>
<asp:timer id="timer1" runat="server" interval="1000">
</asp:timer>
</contenttemplate>
</asp:updatepanel>
</td></tr>
</table>
</form>
</body>
</html>

default.aspx.cs
复制代码 代码如下:

using system;
using system.collections;
using system.configuration;
using system.data;
using system.linq;
using system.web;
using system.web.security;
using system.web.ui;
using system.web.ui.htmlcontrols;
using system.web.ui.webcontrols;
using system.web.ui.webcontrols.webparts;
using system.xml.linq;
namespace 动态显示实时时间
{
public partial class _default : system.web.ui.page
{
protected void page_load(object sender, eventargs e)
{
label1.text = datetime.now.tostring();
}
}
}

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网