位置:海鸟网 > IT > JavaScript >

javascript学习笔记三:显示当时时间

主要是为了熟悉javascript中在date对象。

  首先看完整示例:


        



  html部分代码:

<div id="showTime"></div>



  javascript部分代码:时间显示格式为:2011-04-04 星期二 12:09:34。

function startTime() {
 try{
  var today = new Date();
  var year = today.getFullYear();
  var month = checkNum(today.getMonth()+1);
  var date = checkNum(today.getDate());
  var day = today.getDay();
  var hour = checkNum(today.getHours());
  var minute = checkNum(today.getMinutes());
  var second = checkNum(today.getSeconds());
  switch(day) {
   case 1:
    day = "一";
    break;
   case 2:
    day = "二";
    break;
   case 3:
    day = "三";
    break;
   case 4:
    day = "四";
    break;
   case 5:
    day = "五";
    break;
   case 6:
    day = "六";
    break;
   case 7:
    day = "日";
    break;
  }
  var fullTime = year+"年"+month+"月"+date+"日"+"星期"+day+" "+hour+":"+minute+":"+second;
  document.getElementById("showTime").innerHTML = fullTime;
  setInterval('startTime()', 1000);
 }
 catch(e) {
  alert(e.description);
 }
}
function checkNum(num) {
 if(num<10) {
  num = "0"+num;
 }
 return num;
}