前言：
此时咱们对“js显示时间日期”都比较关注，我们都需要剖析一些“js显示时间日期”的相关资讯。那么小编在网络上汇集了一些有关“js显示时间日期””的相关知识，希望看官们能喜欢，同学们快快来了解一下吧！JavaScript常用对象-----Date
用一个实例来说明date对象的使用方法，先列举几个常用的date对象：
date.getFullYear();
从date对象以四位数返回年份
date.getMonth();
从date对象返回月份（0-11），所有一般在输出的时候都要+1
date.getDate();
从date对象中返回一个月中的某一天（1-31）
date.getDay();
从date对象中返回一周中的某一天（0-6），0是星期一，6是星期日；
date.getHours();
返回小时（0-23）
date.getMinutes();
返回分钟（0-59）
date.getSeconds();
返回秒数（0-59）
date.getMilliseconds();
返回毫秒（0-999）
date.getTime();
返回1970年1月1日至今的毫秒数
现在根据这9条做一个实例：动态显示当前时间（时间显示在文本框内）
设计思路：
这个是需要把时间显示到文本框里，所以这个需要 input type=“text” 一下，之后在js中写text.value="…"里面写在文本框里面输出的时间，因为input是单标签，因此赋值需要用value；完成动态显示时间需要延时调动函数setTimeout()，这样就可以不用点击按钮时间就一直在变化。
具体代码如下：
<style> #text{height: 20px;width: 200px;} </style> <script> function f(){ var text =document.getElementById("text"); var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; var date1 = date.getDate(); var day = date.getDay(); var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); if(day=== 0){ day="日"; } else if(day === 6){ day="六"; } else if(day == 1){ day="一"; } else if(day === 2){ day="二"; } else if(day === 3){ day="三"; } else if(day === 4){ day="四"; } else if(day === 5){ day="五"; } text.value=year+"年"+month+"月"+date1+"日"+"星期"+day+hours+":"+minutes+":"+seconds; setTimeout("f()",1000);//这个是延时函数f(),每1000毫秒延时调用一次 } </script></head><body><input type="text" value="" id="text"><button onclick="f()">时间</button></body>运行结果
我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js显示时间日期
