龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

javascript页面上使用动态时间具体实现

时间:2014-05-31 02:13来源:网络整理 作者:网络 点击:
分享到:
这篇文章主要介绍了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=utf-8" />
<title>无标题文档</title>

<script type="text/javascript">
//页面上动态时间
function time() {
var dt;
var date = new Date();
dt = date.getFullYear()
+ "/"
+ date.getMonth()
+ "/"
+ date.getDate()
+ " "
+ (date.getHours() <= 9 ? '0' + date.getHours() : date
.getHours())
+ ":"
+ ((date.getMinutes() <= 9 ? '0' + date.getMinutes() : date
.getMinutes()))
+ ":"
+ (date.getSeconds() <= 9 ? '0' + date.getSeconds() : date
.getSeconds());
//document.getElementById("ht").innerHTML=dt;
return dt;
}
setInterval("document.getElementById('ht').innerHTML=time()", 1000);
</script>


</head>

<body>

<span id="ht"></span>
</body>
</html>
精彩图集

赞助商链接