萬盛學電腦網 >> 腳本專題 >> javascript >> javascript頁面動態顯示時間變化示例代碼
javascript頁面動態顯示時間變化示例代碼
頁面動態顯示時間變化的方法有很多，本文為大家介紹下使用javascript的具體實現，感興趣的朋友不要錯過
代碼如下: <html> <head> <title></title> <script> function getDateDemo(){ /* //聲明時間 var date = new Date(); alert(date);//當前時間 alert(date.toLocaleString());//轉化為本地時間 alert(date.getFullYear());//顯示年份 alert(date.getMonth() + 1);//顯示月份 0-11，需要加1 alert(date.getDate());//顯示一月中的日期 alert(date.getDay());//顯示一周的日期，星期幾 alert(date.getHours());//獲取小時時間 alert(date.getMinutes());//獲取當前分鐘 alert(date.getSeconds());//獲取當前秒數 alert(date.getMilliseconds());//獲取當前的毫秒數 alert(date.getTime());//獲取從1970年1月1日午夜零時，到當前時間的毫秒值 */ //分別獲取年、月、日、時、分、秒 var myDate = new Date(); var year = myDate.getFullYear(); var month = myDate.getMonth() + 1; var date = myDate.getDate(); var hours = myDate.getHours(); var minutes = myDate.getMinutes(); var seconds = myDate.getSeconds(); //月份的顯示為兩位數字如09月 if(month < 10 ){ month = "0" + month; } if(date < 10 ){ date = "0" + date; } //時間拼接 var dateTime = year + "年" + month + "月" + date + "日" + hours + "時" + minutes + "分" + seconds + "秒"; //document.write(dateTime);//打印當前時間 var divNode = document.getElementById("time"); divNode.innerHTML = dateTime; } window.setInterval("getDateDemo()",1000);//每隔1秒，調用一次getDateDemo() </script> </head> <body> <div id="time"></div> </body> </html>- 上一頁:頁面實時更新時間的JS實例代碼
- 下一頁:JS動態調用方法名示例介紹
javascript排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved