js获取当前时间显示在页面上并每秒刷新
方法很简单,代码也很简洁,直接奉上代码吧
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>js获取当前时间显示在页面上</title> <script> window.onload=function(){ //定时器每秒调用一次fnDate() setInterval(function(){ fnDate(); },1000); } //js获取当前时间 functionfnDate(){ varoDiv=document.getElementById("div1"); vardate=newDate(); varyear=date.getFullYear();//当前年份 varmonth=date.getMonth();//当前月份 vardata=date.getDate();//天 varhours=date.getHours();//小时 varminute=date.getMinutes();//分 varsecond=date.getSeconds();//秒 vartime=year+"-"+fnW((month+1))+"-"+fnW(data)+""+fnW(hours)+":"+fnW(minute)+":"+fnW(second); oDiv.innerHTML=time; } //补位当某个字段不是两位数时补0 functionfnW(str){ varnum; str>10?num=str:num="0"+str; returnnum; } </script> </head> <body> <divid="div1"></div> </body> </html>