前台页面显示服务器时间

思路是在页面加载的时候获取服务器时间作为起点显示时间：

1.前台页面

 

//用于显示时间
< div  id ="showtime"  style ="text-align:center" ></ div >
//用于获取服务器时间
     < asp:HiddenField  ID ="HDtime"  runat ="server"   />

 

 

2.后台代码

 

代码

    protected   void  Page_Load( object  sender, EventArgs e)
    {
object  obj  =  SqlHelper.ExecuteScalar(constring, CommandType.Text,  " select getdate() " );
DateTime dt = Convert.ToDateTime(obj);
   HDtime.Value  =  dt.ToString();
    }

 

3.javascript代码：

 

代码

< script src = " ../js/jquery-1.3.1.min.js "  type = " text/javascript " >< / script>
     < script type = " text/javascript " >
  var  d;

     function  showtime()
{
    document.getElementById( " showtime " ).innerHTML = " 服务器时间： " + d.toLocaleString();
    d  =   new  Date(d.valueOf() + 1000 );
    setTimeout( " showtime() " ,  1000 );
}

    $( function (){
     d = new  Date(Date.parse($( " :hidden[id$=HDtime] " ).val().replace( / - / g, " / " )));
    showtime();
    });
     < / script>