动态显示服务器时间的时钟

DHL客户需要在他们系统中在页面抬头添加服务器时间，在网上一查都很多种方案，然而我决定采用下面的方案：首先在页面放一个TextBox

<asp:TextBox ID="TxtTeamName" runat="server"></asp:TextBox><br />

然后在页面Page_Load的时候给他赋值

 TxtTeamName.Text = System.DateTime.Now.ToString();

 并在页面后端代码加上

<mce:script language="javascript"><!-- var xmlDoc = document.getElementById("TxtTeamName").value; SetTime(xmlDoc); // --></mce:script>

 页面添加上

<meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <mce:script language="vbscript"><!-- Dim secondDiff Sub UpdateTime() clientTime.innerText = Now() serverTime.innerText = DateAdd("s", secondDiff, Now()) End Sub Sub SetTime(serverDateTime) ' 客户端时间 clientDateTime = Now() ' 秒差 secondDiff = DateDiff("s", clientDateTime, serverDateTime) ' 每秒更新 oInterval = setInterval("UpdateTime()", 1000) End Sub // --></mce:script>

但是按照上面的步骤去做有个问题，因为我这个页面是模板页MasterPage.master，脚本生成出来之后TxtTeamName控件名称会改掉了，如："cb100_TxtTeamName",所以不能单纯的用getElementById()去获取控件里面的值，采用下面方法去解决：