JavaScript页面实时显示当前时间实例代码
前言
这次认认真真又重新看了相关内容,现把需要注意的地方总结如下:
1、通过getDay()得到的星期数是从0开始,0表示星期天,之后从1~6依次表示星期一到星期六;
2、得到日期需使用getDate()而不是getDay(),因为可能习惯性地认为日期就是天数,可能会使用getDay(),但其实getDay()是用于得到星期数的;
3、通过getMonth()得到月份,从0开始计数,所以需要再加1。
实例代码如下:
<html>
<head>
<title></title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<linkrel="stylesheet"type="text/css"href="">
<scripttype="text/javascript"></script>
<styletype="text/css">
input{
width:200px;
}
</style>
</head>
<body>
<inputid="input">
<scripttype="text/javascript">
varin_1=document.getElementById('input');
functionshowTime(){
vardate=newDate();
varweek=date.getDay();
varweekday;
switch(week){
case0:weekday='星期天';break;
case1:weekday='星期一';break;
case2:weekday='星期二';break;
case3:weekday='星期三';break;
case4:weekday='星期四';break;
case5:weekday='星期五';break;
case6:weekday='星期六';break;
}
varyear=date.getFullYear();
varmonth=date.getMonth()+1;
varday=date.getDate();
varhour=date.getHours();
varminute=date.getMinutes();
varsecond=date.getSeconds();
varin_1=document.getElementById('input');
in_1.value=year+'年'+month+"月"+day+'日'+''+weekday+''+hour+':'+minute+':'+second;
setTimeout(showTime,1000);
}
showTime();
</script>
</body>
</html>
总结
以上就是利用JavaScript实现页面实时显示时间的全部内容,文中介绍的方法还是很简单易懂的,非常适合大家学习或者直接使用,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。