当前位置:首页 >> 技术方案 >> 详情

解决网站日期兼容性的js代码在这里,绝对好用

发布时间:2013-05-25   浏览次数:91次   作者:未知    标签:郑州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的标签里,并且秒数会进行变化。效果预览