网页显示当前系统时间

解析

先用js写好显示时间的函数time()，通过id或class等索引找到文档中某标签，并将函数放在文档的span标签中
首先新建Date对象，调用getFullYear()等方法初始化变量，要注意month（getDate几号）和week_day（getDay周几）初始值为0，所以month加1，此时有一个问题，表示的周几是阿拉伯数字，怎么转化为汉字呢？一般会想到switch语句，但是有更轻松的方法：var week_day=“日一二三四五六”.charAt(date.getDay())；还有一个问题，怎么给个位数前加0来使表示的时间更美观？可以用if语句，也可以用三元运算符简化代码。然后就是让其每秒递增，可以用函数setInterval(“time()”,1000)，因为此函数在第一次执行前就要延时1000ms，所以在调用前就要执行一次time()。

代码

		<script>
			function time(){
				var date=new Date();
				var year=date.getFullYear();
				var month=date.getMonth()+1;
				month=month<10?'0'+month:month;
				var month_day=date.getDate();
				month_day=month_day<10?'0'+month_day:month_day;
				var week_day="日一二三四五六".charAt(date.getDay());
				var hour=date.getHours();
				hour=hour<10?'0'+hour:hour;
				var minute=date.getMinutes();
				minute=minute<10?'0'+minute:minute;
				var second=date.getSeconds();
				second=second<10?'0'+second:second;
				var current=year+'-'+month+'-'+month_day+'-星期'+week_day+'-'+hour+'-'+minute+'-'+second;
				console.log(current);
				document.getElementById('我是id').innerHTML=current;
			}
			time();
			setInterval("time()",1000);
		</script>
		<span id='我是id'></span>