JS动态获取当前时间并写到特定区域的代码示例

发布时间:2020-10-30编辑:脚本学堂
本文介绍一个可以动态获取当前时间,并写到特定区域的js代码,很简单实用。假如你正在研究js动态操作时间的方法,此文值得一看。

代码如下:
 

复制代码 代码示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
/**
 * 动态获取当前时间 写到特定区域
 * Edit www.jb200.com
*/
function bodyLoad(){
var dateTime=new Date();
var hh=dateTime.getHours();//小时
var mm=dateTime.getMinutes();//分钟
var ss=dateTime.getSeconds();//秒钟

var yy=dateTime.getFullYear();//年份
var MM=dateTime.getMonth()+1; //月份-因为1月这个方法返回为0,所以加1
var dd=dateTime.getDate();//日数

var week=dateTime.getDay();//周(0~6,0表示星期日)
var days=[ "日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 ",]

document.getElementById("date").innerHTML=yy+"年"+MM+"月"+dd+"日 "+"星期"+days[week] ;
document.getElementById("time").innerHTML=hh+"时"+mm+"分"+ss+"秒";

setTimeout(bodyLoad,1000);
}
</script>
</head>
<body onload="bodyLoad()">
<div>动态获取当前时间并写到特定区域</div>
<span id="date"></span>
<span id="time"></span>
</body>
</html>