js在网页上显示时间的代码实现
程序员文章站
2022-03-31 13:17:28
...
本篇文章给大家带来的内容是关于js在网页上显示时间的代码实现 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span id="date1"> </span> <script > function $(num1){ return num1<10?"0"+num1:num1; } function setTime(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; var day = date.getDate();//在使用天数的时候使用date来得到 var week = date.getDay();//getday得到的是一周内的第几天 console.log(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var time = year+"-"+$(month)+'-'+$(day)+" "+$(hour)+":"+$(minute)+":"+$(second); document.getElementById("date1").innerHTML=time; } setTime(); setInterval('setTime()',500); </script> </body> </html>
使用javascript的一个小技巧,先是获取各个时间,在通过函数结合在一起,然后通过document.getElementById().innerHTML=结合后时间。来打印。
注意的是,在使用setinterval()之前需要调用一次函数(为了防止页面一开始打开时空白)。
相关推荐:
js实现在网页上简单显示时间的方法_javascript技巧
以上就是js在网页上显示时间的代码实现的详细内容,更多请关注其它相关文章!