JS即时显示当前时间
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS即时显示当前时间相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>当前系统时间</title> <link rel="stylesheet" href="style.css" /> <script language="javascript" type="text/javascript"> window.onload = function(){ setInterval(‘showTime()‘,500); } function checkTime(i){ //补位处理 i = i<10?‘0‘+i:i; return i; } function showTime(){ var now=new Date(); console.log(now); var year=now.getFullYear(); var month=now.getMonth()+1; var day=now.getDate(); var h=now.getHours(); var m=now.getMinutes(); var s=now.getSeconds(); m=checkTime(m); s=checkTime(s); var week = now.getDay(); var weekday=new Array(7); weekday[0]="星期日"; weekday[1]="星期一"; weekday[2]="星期二"; weekday[3]="星期三"; weekday[4]="星期四"; weekday[5]="星期五"; weekday[6]="星期六"; document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+weekday[week]+h+":"+m+":"+s; } </script> </head> <body> <div class="content1"> <div id="show">显示时间的位置</div> </div> </body> </html>
遇到的问题及注意事项:
1、创建时间new Date(2017,6,6);和new Date("2017,6,6");两个结果不一样,加双引号就是6月,不加就是7月。
以上是关于JS即时显示当前时间的主要内容,如果未能解决你的问题,请参考以下文章