javascript 显示时间

来源：互联网发布：sql server2012图标编辑：程序博客网时间：2024/05/22 00:15
<%@ Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server"></script><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>clock</title>    <script language="javascript" type="text/javascript">        var timerId=null;        function StartClock() {            ShowTime(); //显示时间        }        //时间格式设定        function InitTime() {            var time="";            var now = new Date();//现在具体时间            var year=now.getFullYear();//年份            var month=now.getMonth()+1;//月份            var day=now.getDay();//日期            var hours=now.getHours();//小时            var minutes=now.getMinutes();//分            var seconds = now.getSeconds(); //秒            //设置时间显示格式            time+=year+"-";            time+=((month<10)? "0": "")+month+"-";            time+=((day<10)? "0": "")+day+" ";            time+=(hours<12)? hours :hours-12+":";            time+=((minutes<10)? "0" :"")+minutes+":";            time+=((seconds<10)? "0" :"")+seconds;            time+=(hours<12)?"AM" :"PM";            return time;        }        //显示时间        function ShowTime() {            //设置好格式的时间显示            //在客户端Label映射为span,TextBox映射为text            document.getElementById("txtTimer").value = InitTime();//服务器控件TextBox            document.getElementById("lblTimer").innerHTML= InitTime();//服务器控件Label            document.getElementById("iTimer").value = InitTime();//客户端控件text            document.getElementById("sTimer").innerHTML = InitTime(); //客户端控件span            timerId = setTimeout("ShowTime()", 1000); //每1s调用一次ShowTime()                 }    </script></head><body onload="return StartClock()">    <form id="form1" runat="server">    <div>        <asp:TextBox ID="txtTimer" runat="server"/><br />        <asp:Label ID="lblTimer" runat="server"/><br />        <input id="iTimer" type="text" /><br />        <span id="sTimer" /><br />    </div>    </form></body></html>