当前位置: 首页 > Web前端 > HTML

js页面实时显示时间

时间:2023-04-02 21:12:32 HTML

input{width:200px;}今天做了笔试,实时显示当前时间。回来后自己敲代码,发现有问题。通过getMonth()获得的月份总是比当前月份小1。深感实践出真知。。。之前觉得Date对象挺简单的,很多细节都没有注意。这次又仔细阅读了相关内容,现将需要注意的地方总结如下:1.通过getDay()获取的周数从0开始,0表示星期日,然后从1到6表示星期一到周六;2、获取日期需要使用getDate()而不是getDay(),因为你可能习惯性的认为日期是天数,可能会使用getDay(),但实际上使用的是getDay()获得周数;3、通过getMonth()获取月份,从0开始计数,所以需要加1。代码如下:input{width:200px;}varin_1=文档。getElementById('输入');functionshowTime(){vardate=newDate();变种周=日期。获取日期();变种工作日;switch(week){case0:weekday='Sunday';休息;情况1:工作日='星期一';休息;案例2:weekday='Tuesday';break;case3:weekday='Wednesday';休息;案例4:工作日='星期四';休息;案例5:weekday='Friday';break;案例6:weekday='Saturday';br弱;}varyear=date.getFullYear();varmonth=date.getMonth()+1;varday=date.getDate();varhour=date.getHours();varminute=date.getMinutes();varsecond=date.getSeconds();varin_1=document.getElementById('输入');in_1.value=year+'年'+month+"月"+day+'日'+''+weekday+''+hour+':'+minute+':'+second;设置超时(显示时间,1000);}开演时间();