解决网站日期兼容性的js代码在这里,绝对好用
发布时间:2013-05-25 浏览次数:118次 作者:未知 标签:郑州seo 郑州seo推广 郑州网站推广
我们在写日期的时候后,经常会遇到不同的浏览器显示时间不一样。看上去很别扭。今天送给大家一段代码,以后用这个时间函数,兼容性就好了。可以显示日期、星期和时间的,兼容IE、FireFox、Chrome、Opera、Safari等浏览器,显示效果完全一样。
显示效果为:2009年10月30日 星期五 09:38:32
你也可以根据实际效果来进行调整。以下是函数,加在你的js文件中,方便调用:
<script type="text/javascript">
<!--
function y2k(number)
{
return (number < 1000) ? number + 1900 : number;
}
function dispdate()
{
var now = new Date();
var dd = now.getDate() , mt = now.getMonth() + 1 , yy = y2k(now.getYear()) , weekVal = now.getDay();
if (weekVal==0)
msg1="星期日";
else if (weekVal==1)
msg1="星期一";
else if (weekVal==2)
msg1="星期二";
else if (weekVal==3)
msg1="星期三";
else if (weekVal==4)
msg1="星期四";
else if (weekVal==5)
msg1="星期五";
else if (weekVal==6)
msg1="星期六";
document.write(yy+"年"+mt+"月"+dd+"日 "+msg1);
}
var flasher = false
function updateTime()
{
var now = new Date();
var theHour = now.getHours();
var theMin = now.getMinutes();
var theSec = now.getSeconds();
if (theHour<10)
{
theHour="0"+theHour
}
if(theMin<10)
{
theMin="0"+theMin
}
if(theSec<10)
{
theSec="0"+theSec
}
var theTime = theHour + ":" + theMin + ":" + theSec;
flasher = !flasher;
document.getElementById("spanTime").innerHTML = theTime;
// recursively call this function every second to keep timer going
timerID = setTimeout("updateTime()",1000)
}
//-->
</script>
需要调用的时候,请这样使用:
<script type="text/javascript">dispdate();</script>
<span id="spanTime"></span>
<script type="text/javascript">updateTime();</script>
其中,时间会显示在ID为spanTime的标签里,并且秒数会进行变化。效果预览

本文作者:未知

十六年网站建设相关经验
一站式为您提供网站相关服务
还没有人来评论,快来抢个沙发吧!