Rumah > Artikel > hujung hadapan web > JS获取当前时间实例代码
本文主要和大家分享JS获取当前时间实例代码,我们先和大家分享一张图片,希望能帮助到大家。
Date对象基本属性:
获取当前时间:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width:300px; height:50px; border:1px solid black; } </style> </head> <body> <p id="box"></p> <script type="text/javascript"> window.onload=function(){ function checkTime(i){ //此函数用来检查获取的数值是否大于10; if(i<10){ i='0'+i; //如果小于10,则前面+0 } return i; } function show(){ var mydate=new Date(); var year=mydate.getFullYear(); var month=mydate.getMonth()+1;//因为月份是从零开始,故要得到当前的月份就要+1 var date=mydate.getDate(); //日 var day=mydate.getDay();//返回星期几 var week=new Array(7); week[0]='星期一'; week[1]='星期二'; week[2]='星期三'; week[3]='星期四'; week[4]='星期五'; week[5]='星期六'; week[6]='星期日'; var h=mydate.getHours(); var m=mydate.getMinutes(); var s=mydate.getSeconds(); m=checkTime(m); s=checkTime(s); document.getElementById('box').innerHTML=year+'年'+month+'月'+date+'日'+week[day]+h+':'+m+':'+s; } setInterval(show,500); //每隔500ms调用一次show函数 }; </script> </body> </html>
当前时间就会显示。注:getday();返回的是数字,所以需要用一个数组去表示。
相关推荐:
Atas ialah kandungan terperinci JS获取当前时间实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!