html页面上显示时间

最新推荐文章于 2021-06-09 20:11:30 发布

吕帅

最新推荐文章于 2021-06-09 20:11:30 发布

阅读量821

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/linger_yan/article/details/84131950

版权

我试了一下，在IE中可以正确显示，显示结果如下：
2012年1月30日 16:14:35
但是在谷歌的chrome中，就会显示如下效果：
Mon Jan 30 2012 16:15:41 GMT+0800 (中国标准时间)
我自己整了个笨法，就是方法三，在每个浏览器中显示的效果都和IE相同。

[b]方法一：[/b]

<body>
<div id="time"></div>

<script type="text/javascript">
change();
function change()
{
        var today;
        today = new Date();
        timeString = today.toLocaleString();
        document.getElementById("time").innerHTML = timeString;
        setTimeout("change();", 1000);
}
</script>

</body>

[b]方法二(在onload中调用setInterval)：[/b]

<body onload="setInterval('change()',1000)">
<div id="time">
</div>

<script type="text/javascript">
function change()
{
        var today;
        today = new Date();
        timeString = today.toLocaleString();
        document.getElementById("time").innerHTML = timeString;
}
</script>

</body>

[b]方法三：[/b]

<body onload="show();">
        <div id="nowDiv"></div>

<script type="text/javascript">
function show(){                
        var date = new Date();
        var now = "";                
        now = date.getFullYear()+"年";
        if(date.getMonth() < 10)
        {
                now = now +"0";
        }
        now = now + (date.getMonth()+1)+"月"; 
        //取月的时候取的是当前月-1如果想取当前月+1就可以了                

        if(date.getDate() < 10)
        {
                now = now +"0";
        }
        now = now + date.getDate()+"日  ";

        if(date.getHours() < 10)
        {
                now = now +"0";
        }
        now = now + date.getHours()+":";

        if(date.getMinutes() < 10)
        {
                now = now +"0";
        }
        now = now + date.getMinutes()+":";

        if(date.getSeconds() < 10)
        {
                now = now +"0";
        }
        now = now + date.getSeconds()+" ";
        document.getElementById("nowDiv").innerHTML = now; 
        //div的html是now这个字符串                
        setTimeout("show()",1000); 
        //设置过1000毫秒就是1秒，调用show方法                
}

</script>
</body>

吕帅

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
html页面上显示时间

我试了一下，在IE中可以正确显示，显示结果如下： 2012年1月30日 16:14:35但是在谷歌的chrome中，就会显示如下效果： Mon Jan 30 2012 16:15:41 GMT+0800 (中国标准时间)我自己整了个笨法，就是方法三，在每个浏览器中显示的效果都和IE相同。[b]方法一：[/b][code="html"]...
复制链接

扫一扫