解析
先用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>