站长技术网

首页 > 网站基础 > HTML教程 >

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>

<body>

<span id="ht"></span>

</body>

</html>