<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#box {
width: 300px;
height: 60px;
border: 1px solid #f00;
margin: 100px auto;
text-align: center;
line-height: 60px;
}
</style>
<div id="box"></div>
<script>
function nowtime() {
var date = new Date(); //创建一个Date对象
var year = date.getFullYear(); //获取年
var month = date.getMonth() + 1; //获取月 因为国外是从0--11月，这里要+1
var day = date.getDate(); //获取日
var hour = date.getHours(); //获取小时
var minute = date.getMinutes(); //获取分钟
var second = date.getSeconds(); //获取秒
var w = date.getDay();
// 在控制台显示
//console.log(year, month, day);
//console.log(hour, minute, second);
//console.log('星期' + w);
//这里是月、日、时、分、秒在小于10的时候，所占长度不同。+0，确保长度
if(month < 10){
month = "0" + month;
}
if(day < 10){
day = "0" + day;
}
if(hour < 10){
hour = "0" + hour;
}
if(minute < 10){
minute = "0" + minute;
}
if(second < 10){
second = "0" + second;
}
//定义一个变量来存放你要显示的时间与格式
var time = year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second;
//getElementById("box")是用来寻址，之前的div，inner HTML在文档中显示。
//这里是让他在div中显示。
document.getElementById("box").innerHTML = time;
}
nowtime(); //首次刷新不会有延时
window.setInterval(nowtime, 1000);//用setInterval来实现每秒刷新一次。1000的单位是毫秒
</script>
