前端——js定时器之北京时间(详细注释)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
  <style>
  	  body{
    		font-size:60px;
    		text-align: center;
}
  </style>
</head>
<body>
	<script>
		function time(){
		var date = new Date();//获取当前的时间
		console.log(date)//console控制台输出，主要用来测试
		//接下来的都是用分贝获取年月日星期小时分秒
		var year = date.getFullYear()
		console.log(year)
		var month= date.getMonth()+1
		console.log(month)
		var day = date.getDate()
		console.log(date)
		var week = date.getDay()
		var hours = date.getHours()	
		console.log(hours)
		var min = date.getMinutes()
		console.log(min)
		var sec = date.getSeconds()
		// 因为var week = date.getDay()得到的是数字0~1 所以用switch语句来赋值
		switch(week){
			case 0:
				week='星期日'
				break;
			case 1:
				week='星期一'
				break;
			case 2:
				week='星期二'
				break;
			case 3:
				
				week='星期三'
				break;
			case 4:
				week='星期四'
				break;
			case 5:
				week='星期五'
				break;
			case 6:
				week='星期六'
				break;
		}
		// 把年月日星期小时分秒赋值给body页面

		document.body.innerHTML=year+'年'+month+'月'+day+'日'+week+' '+hours+'时'+min+'分'+sec+'秒'
	
	}
	//把以上的都封装到一个函数中，方便调用
  	setInterval(time,1000)//定时器，调用time 当1000毫秒

效果如下：![在这里插入图片描述](https://img-blog.csdnimg.cn/20190107200140720.PNG)

前端——js定时器之北京时间(详细注释)

猜你喜欢