您的位置：首页 > Web前端 > JavaScript

js实现动态获取系统时间，显示到页面上

2013-07-31 20:22 826 查看

获取系统时间

//获取系统时间。
var dateTime=new Date();
var hh=dateTime.getHours();
var mm=dateTime.getMinutes();
var ss=dateTime.getSeconds();

显示时间到页面

//将时间显示到ID为time的位置，时间格式形如：19:18:02
document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;

完整示例

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Lottery System</title>
</head>

<script type="text/javascript">
//获取系统时间，将时间以指定格式显示到页面。
function systemTime()
{
//获取系统时间。
var dateTime=new Date();
var hh=dateTime.getHours();
var mm=dateTime.getMinutes();
var ss=dateTime.getSeconds();

//分秒时间是一位数字，在数字前补0。
mm = extra(mm);
ss = extra(ss);

//将时间显示到ID为time的位置，时间格式形如：19:18:02
document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;

//每隔1000ms执行方法systemTime()。
setTimeout("systemTime()",1000);
}

//补位函数。
function extra(x)
{
//如果传入数字小于10，数字前补一位0。
if(x < 10)
{
return "0" + x;
}
else
{
return x;
}
}
</script>

<body onload="systemTime()">
<div id="time">
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航