当前位置： 首页 > learning > 正文

获取当前系统（动态）时间的网页代码

linsan2018-12-16 20:41learning814 views抢沙发

前几天在折腾“猫言猫语”网站，想着校园网站应该注重时间的把握，就弄个系统时间到顶部左上角吧，然后就开始付诸实施。从百度搜到很多的方法，有百度知道和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语法，不同的星期几就可以实现显示不同的颜色，有丰富的表现。

您可能还会对这些文章感兴趣！

获取当前系统（动态）时间的网页代码：等您坐沙发呢！

发表评论

快捷键：Ctrl+Enter