將以下的代碼 放置html頁面中！
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title></title>
- </head>
- <div id="showtimes"></div>
- <script type="text/javascript" language="javascript">
- function show_cur_times(){
- //獲取當前日期
- var date_time = new Date();
- //定義星期
- var week;
- //switch判斷
- switch (date_time.getDay()){
- case 1: week="星期一"; break;
- case 2: week="星期二"; break;
- case 3: week="星期三"; break;
- case 4: week="星期四"; break;
- case 5: week="星期五"; break;
- case 6: week="星期六"; break;
- default:week="星期天"; break;
- }
- //年
- var year = date_time.getFullYear();
- //判斷小於10，前面補0
- if(year<10){
- year="0"+year;
- }
- //月
- var month = date_time.getMonth()+1;
- //判斷小於10，前面補0
- if(month<10){
- month="0"+month;
- }
- //日
- var day = date_time.getDate();
- //判斷小於10，前面補0
- if(day<10){
- day="0"+day;
- }
- //時
- var hours =date_time.getHours();
- //判斷小於10，前面補0
- if(hours<10){
- hours="0"+hours;
- }
- //分
- var minutes =date_time.getMinutes();
- //判斷小於10，前面補0
- if(minutes<10){
- minutes="0"+minutes;
- }
- //秒
- var seconds=date_time.getSeconds();
- //判斷小於10，前面補0
- if(seconds<10){
- seconds="0"+seconds;
- }
- //拼接年月日時分秒
- var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;
- //顯示在id爲showtimes的容器裏
- document.getElementById("showtimes").innerHTML= date_str;
- }
- //設置1秒調用一次show_cur_times函數
- setInterval("show_cur_times()",100);
- </script>
- <body>
- </body>
- </html>
,, 將上面的代碼複製完以後 大家來看看瀏覽器中的效果吧！
