实时刷新当前时间的js代码

当前位置：首页 > 个人日志

实时刷新当前时间的js代码

分类:个人日志来源:原创时间:2012-05-22 23:51:13

本文将说明如何用纯js代码写一个实时刷新当前的时间，代码很简单。本代码可以直接嵌入到网站代码中，这样打开网站就可以看到当前时间了。

<!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=GBK" />
<title>实时刷新当前时间的js代码</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<script type="text/javascript" language="javascript">
　　 function nowTime() {
         var data = new Date();
    　　 var hours = data.getHours();
    　　 var minutes = data.getMinutes();
    　　 var seconds = data.getSeconds();
    　　 var time ="";
    　　 time +=(hours > 12) ? "下午 ": "上午 ";
    　　 time += ((hours > 12) ? hours-12 : hours);
    　　 time += ((minutes <10) ? ":0" : ":") + minutes;
    　　 time += ((seconds <10) ? ":0" : ":") + seconds;
    　　 document.form1.theTime.value = time;
    　　 setTimeout("nowTime()",1000); //每秒钟刷新一次
　　 }
</script>
</head>
<body onLoad="nowTime()">

<form name="form1" action="#" method="post">
        <input type="text" name="theTime">
    </form>
</body>
</html>

加入收藏 | 浏览(7777)

上一篇：HTML5需要JS配合才有可能打败Flex
下一篇：as3获取php的变量值(1)

iLeichun

实时刷新当前时间的js代码