HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« 不小心设置MSN背景,造成MSN聊天窗口花屏的解决方法Windows中给输入法添加快捷键的方法 »

JavaScript时间代码(实时显示年月日时分秒)

    有的时候,在网页中实时显示时间还是比较实用的,不但可以为网页添色,还能方便浏览者掌握当前时间。网上有很多这样的类似代码,但大多都比较复杂,长篇大论,今天向大家介绍一种简单的利用JavaScript实时显示时间的代码。

    最终效果如下图所示:

    相关代码如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript时间代码(实时显示年月日时分秒)-HTMer</title>
<script type="text/javascript" language="javascript">
    function setTime() {
        var currentTime = new Date().toLocaleString();
        document.getElementById("htmer_time").innerHTML=currentTime;
    }
    setInterval(setTime,1000);
</script>

</head>
<body>
<div id="htmer_time"></div>
</body>
</html>


欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/512.htm
  • quote 2.mumu
  • 不错不错~~ 顶一下 不过能不能加上星期呢? 如何改变显示格式呢?
  • 2010-1-28 下午 08:35:22 回复该留言
  • quote 1.飞飞
  • 恩,这个很不错,只是没有学过JS,所以不会灵活运用罢了,遗憾~
  • 2009-3-25 上午 11:21:28 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version