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

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

2014-07-04 22:44 901 查看

获取系统时间

//获取系统时间。
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>

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

标签：

相关文章推荐

新的分享

章节导航