前端學習程式碼例項-JavaScript實時變化時間日期
現在網頁都在最大程度的追求人性化,比如一個時間日期比較人性化的設定,能夠實時獲取當前客戶端機器時間日期。
下面是一段這樣的例項程式碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端開發學習q群:731771211詳細教程講解</title> <script type="text/javascript"> function printTime(){ var time=new Date(); var year=time.getFullYear(); var month=(time.getMonth())+1; var daynum=time.getDay(); var hour=time.getHours(); var min = time.getMinutes(); var sec=time.getSeconds(); var da=time.getDate(); var daystr; switch(daynum){ case 0: daystr="星期日"; break; case 1: daystr="星期一"; break; case 2: daystr="星期二"; break; case 3: daystr="星期三"; break; case 4: daystr="星期四"; break; case 5: daystr="星期五"; break; case 6: daystr="星期六"; break; default: daystr=""; } var str=year+"年"+month+"月"+da+"日"+daystr+" "+hour+": "+min+": "+sec; timer.innerHTML=str; setTimeout(printTime,1000); } window.onload=function(){printTime();} </script> <body> <div id="timer"></div> </body> </html>