求js写的实用的时间控件!

脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT language=javascript author=luxiaoqing><!--
function initArray(){for(i=0;i<initArray.arguments.length;i++)
this[i]=initArray.arguments[i];}var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");today=new Date();hrs=today.getHours();min=today.getMinutes();sec=today.getSeconds();clckh=""+((hrs>12)?hrs-12:hrs);
clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;clck=(hrs>=12)?"下午":"上午";var stnr="";var ns="0123456789";var a="";//--></SCRIPT>
第二步:把如下代码加入区域中
<SCRIPT language=javascript><!--
function getFullYear(d){//d is a date object
yr=d.getYear();if(yr<1000)
yr+=1900;return yr;}document.write("<table width=486>");//don't delete this line/* 每一段代表一种风格,不需要的删除即可*/document.write("<TR><TD VALIGN=TOP><P>风格一<P></TD><TD VALIGN=TOP>"+isnDays[today.getDay()]
+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"
+getFullYear(today)+"年<P>");document.write("<TR><TD VALIGN=TOP>风格二<P></TD><TD VALIGN=TOP>"+clckh+":"+clckm
+":"+clcks+""+clck+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格三<P></TD><TD VALIGN=TOP>"
+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""
+today.getDate()+"日,"+getFullYear(today)+"年 "+clckh+":"+clckm+":"
+clcks+""+clck+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格四<P></TD><TD VALIGN=TOP>"
+(today.getMonth()+1)+"/"+today.getDate()+"/"
+(getFullYear(today)+"").substring(2,4)+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格五:<P></TD><TD VALIGN=TOP>"+hrs+":"+clckm+":"+clcks+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格六:<P></TD><TD>"+today+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格七<P></TD><TD>"+navigator.appName+"<P></TD></TR>");document.write("<TR><TD VALIGN=TOP>风格八:<P></TD><TD VALIGN=TOP>"+navigator.appVersion+"<P></TD></TR>");document.write("</table>"); // don't delete this line
//--></SCRIPT>

解决方案 »

  1.   

    http://soft.yesky.com/lesson/435/2360435.shtml
    这里面javascript脚本N多
    希望有你需要的
      

  2.   

    to seal2008 能否直接贴一个html例子来看看，我对js不太懂. 如果能够实现只显示时间,马上结贴，网上找了很多例子都是日期+时间的.
      

  3.   

    <SCRIPT  language=javascript>
    <!--
    function  show5()
    {if(!document.layers&&!document.all)
    return
    var  Digital=new  Date()
    var  hours=Digital.getHours()
    var  minutes=Digital.getMinutes()
    var  seconds=Digital.getSeconds()
    var  dn="AM"
    if(hours>12){dn="PM"
    hours=hours-12
    }if(hours==0)
    hours=12
    if(minutes<=9)
    minutes="0"+minutes
    if(seconds<=9)
    seconds="0"+seconds
    //change  font  size  here  to  your  desire
    myclock="<font    color=blue>现在时间:"+hours+":"+minutes+":"+seconds+"  "+dn+"</font>";
    if(document.layers){
    document.layers.liveclock.document.write(myclock)
    document.layers.liveclock.document.close()
    }else  if(document.all)
    liveclock.innerHTML=myclock
    setTimeout("show5()",1000)
    }
    //-->
    </SCRIPT>
    <body  onLoad=show5()>
    <span  id=liveclock  style=position:absolute;left:250px;top:122px;;  width:  109px;  height:  15px>  
    </span>
      

  4.   

    只显示时间了<SCRIPT  language=javascript>
    <!--
    function  show5()
    {if(!document.layers&&!document.all)
    return
    var  Digital=new  Date()
    var  hours=Digital.getHours()
    var  minutes=Digital.getMinutes()
    var  seconds=Digital.getSeconds()
    var  dn="AM"
    if(hours>12){dn="PM"
    hours=hours-12
    }if(hours==0)
    hours=12
    if(minutes<=9)
    minutes="0"+minutes
    if(seconds<=9)
    seconds="0"+seconds
    //change  font  size  here  to  your  desire
    myclock="<font    color=blue>"+hours+":"+minutes+":"+seconds+" </font>";
    if(document.layers){
    document.layers.liveclock.document.write(myclock)
    document.layers.liveclock.document.close()
    }else  if(document.all)
    liveclock.innerHTML=myclock
    setTimeout("show5()",1000)
    }
    //-->
    </SCRIPT>
    <body  onLoad=show5()>
    <span  id=liveclock  style=position:absolute;left:250px;top:122px;;  width:  109px;  height:  15px>  
    </span>
      

  5.   

    <script   language="JavaScript"   src="D:/Tomcat 5.0/webapps/myapp/ClearEvents.js"></script>
    时间： <span id="liveclock" style="width: 109px; height: 15px"></span><SCRIPT language=javascript>
    <!--
    function www_mdrcw_com()
    {
     var Digital=new Date()
     var hours=Digital.getHours()
     var minutes=Digital.getMinutes()
     var seconds=Digital.getSeconds()
     if(minutes<=9)
     minutes="0"+minutes
     if(seconds<=9)
     seconds="0"+seconds
     myclock=""+hours+":"+minutes+":"+seconds+"</font>"
     if(document.layers){document.layers.liveclock.document.write(myclock)
     document.layers.liveclock.document.close()
     }else if(document.all)
     liveclock.innerHTML=myclock
     setTimeout("www_mdrcw_com()",1000)
    }
             www_mdrcw_com();
             //-->
    </SCRIPT>
      

  6.   

    http://community.csdn.net/Expert/TopicView.asp?id=5593257可以自定义时间格式的
      

  7.   

    ttyp给的真的很棒！ 暂时是我见过最好的了, 非常感谢.