获取当前系统（动态）时间的网页代码 - 林三在线

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

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

linsan 发布于 2018-12-16 20:41learning1,023 views抢沙发

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

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

<div id=“timeShow”></div>
<script type=“text/javascript” charset=“utf-8”>
$(document).ready(function(){
var date = new Date();
var weekDay = [“星期天”, “星期一”, “星期二”, “星期三”, “星期四”, “星期五”, “星期六”];
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var week = weekDay[date.getDay()];
//alert(year+”,”+month+”,”+day+”,”+week)
$(“#timeShow”).html(“现在时间：”+year+“年”+month+“月”+day+“日，”+week);
} );
</script>

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

<span id=localtime></span>
<script type=“text/javascript”>
function showLocale(objD){
var str,colorhead,colorfoot;
var yy = objD.getYear();
if(yy<1900) yy = yy+1900;
var MM = objD.getMonth()+1;
if(MM<10) MM = ‘0’ + MM;
var dd = objD.getDate();
if(dd<10) dd = ‘0’ + dd;
var hh = objD.getHours();
if(hh<10) hh = ‘0’ + hh;
var mm = objD.getMinutes();
if(mm<10) mm = ‘0’ + mm;
var ss = objD.getSeconds();
if(ss<10) ss = ‘0’ + ss;
var ww = objD.getDay();
if ( ww==0 ) colorhead=“<font color=\”#FF0000\”>”;
if ( ww > 0 && ww < 6 ) colorhead=“<font color=\”#373737\”>”;
if ( ww==6 ) colorhead=“<font color=\”#008000\”>”;
if (ww==0) ww=“星期日”;
if (ww==1) ww=“星期一”;
if (ww==2) ww=“星期二”;
if (ww==3) ww=“星期三”;
if (ww==4) ww=“星期四”;
if (ww==5) ww=“星期五”;
if (ww==6) ww=“星期六”;
colorfoot=“</font>”
str = colorhead + yy + “年” + MM + “月” + dd + “日 “ + hh + “:” + mm + “:” + ss + ” “ + ww + colorfoot;
return(str);
}
function tick(){
var today;
today = new Date();
document.getElementById(“localtime”).innerHTML = showLocale(today);
window.setTimeout(“tick()”, 1000);
}
tick();
</script>

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

【上一篇】发现了个同名设计网站，后台登录超喜欢
【下一篇】wordpress后台编辑主题时看不到css文件的内容

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

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

发表评论