获取当前系统(动态)时间的网页代码

LinSan2018年12月16日learning,

前几天在折腾“猫言猫语”网站,想着校园网站应该注重时间的把握,就弄个系统时间到顶部左上角吧,然后就开始付诸实施。从百度搜到很多的方法,有百度知道和csdn两个地方的比较多,但是都说的十分臃肿,或者基本上直接粘贴复制很难应用到网站上,于是做个总结。

获取当前系统(动态)时间的网页代码

使用这段代码可以获取当前系统的静态日期和星期:

  1. <div id="timeShow"></div>
  2. <script type="text/javascript" charset="utf-8">
  3.     $(document).ready(function(){
  4.         var date = new Date();
  5.         var weekDay = ["星期天""星期一""星期二""星期三""星期四""星期五""星期六"];
  6.         var year = date.getFullYear();
  7.         var month = date.getMonth()+1;
  8.         var day = date.getDate();
  9.         var week = weekDay[date.getDay()];
  10.         //alert(year+","+month+","+day+","+week)
  11.         $("#timeShow").html("现在时间:"+year+"年"+month+"月"+day+"日,"+week);
  12.    } );
  13.  </script>

如果想获得系统的动态时间,怎么改上面的代码我倒是研究许久,然后放弃了,原谅我知识浅薄。最后在折腾begin主题的“网址收藏”页面时候,居然看到它可以显示当前时间,就直接应用了:

  1. <span id=localtime></span>
  2. <script type="text/javascript">
  3.     function showLocale(objD){
  4.         var str,colorhead,colorfoot;
  5.         var yy = objD.getYear();
  6.         if(yy<1900) yy = yy+1900;
  7.         var MM = objD.getMonth()+1;
  8.         if(MM<10) MM = '0' + MM;
  9.         var dd = objD.getDate();
  10.         if(dd<10) dd = '0' + dd;
  11.         var hh = objD.getHours();
  12.         if(hh<10) hh = '0' + hh;
  13.         var mm = objD.getMinutes();
  14.         if(mm<10) mm = '0' + mm;
  15.         var ss = objD.getSeconds();
  16.         if(ss<10) ss = '0' + ss;
  17.         var ww = objD.getDay();
  18.         if  ( ww==0 )  colorhead="<font color=\"#FF0000\">";
  19.         if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"#373737\">";
  20.         if  ( ww==6 )  colorhead="<font color=\"#008000\">";
  21.         if  (ww==0)  ww="星期日";
  22.         if  (ww==1)  ww="星期一";
  23.         if  (ww==2)  ww="星期二";
  24.         if  (ww==3)  ww="星期三";
  25.         if  (ww==4)  ww="星期四";
  26.         if  (ww==5)  ww="星期五";
  27.         if  (ww==6)  ww="星期六";
  28.         colorfoot="</font>"
  29.         str = colorhead + yy + "年" + MM + "月" + dd + "日 " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;
  30.         return(str);
  31.     }
  32.     function tick(){
  33.         var today;
  34.         today = new Date();
  35.         document.getElementById("localtime").innerHTML = showLocale(today);
  36.         window.setTimeout("tick()", 1000);
  37.     }
  38.     tick();
  39. </script>

这段代码也是实用性满满,通过修改也容易实现只显示当前的日期和星期之效果呢。另外,上面这段代码对显示的时间使用了if语法,不同的星期几就可以实现显示不同的颜色,有丰富的表现。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: