当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2021-06-03 09:09:02 | 栏目: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>

您可能感兴趣的文章:

相关文章