javascript用表格显示时间问题

如呵用javascript代码把系统的时间用一个1行8列的表格给显示出来
如：
当前时间是：2009年 11月 1日星期日 20时 20分 30秒这些都是在表格里面显示的
一格显示一个是一个一行八列的表格谢谢大家给个源码

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
  window.onload=function()
  {
    var myDate=new Date();
var year=myDate.getYear();
var month=myDate.getMonth();
var date=myDate.getDate();
var day=myDate.getDay();
var hour =myDate.getHours();
var minutes=myDate.getMinutes();
var seconds=myDate.getSeconds();
if(day==1)
{
   day="星期一";
}
if(day==2)
{
   day="星期二";
}
if(day==3)
{
   day="星期三";
}
if(day==4)
{
   day="星期四";
}
if(day==5)
{
   day="星期五";
}if(day==6)
{
   day="星期六";
}
if(day==0)
{
   day="星期日";
}
document.getElementById("year").innerHTML=year+"年";
document.getElementById("month").innerHTML=month+1+"月";
document.getElementById("date").innerHTML=date+"日";
document.getElementById("day").innerHTML=day;

document.getElementById("hour").innerHTML=hour+"时";
document.getElementById("minutes").innerHTML=minutes+"分";
document.getElementById("seconds").innerHTML=seconds+"秒";
}
  </script>
</HEAD> <BODY>
  <table border=1>
<tr>
<td id="year">
</td>
<td id="month">
</td>
<td id="date">
</td>
<td id="day">
</td>
<td id="hour">
</td>
<td id="minutes">
</td>
<td id="seconds">
</td>
</tr>
  </table>
</BODY>
</HTML>
2 楼应该添加一个 setInterval() 函数，这样这个代码才能动起来。
代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript">
            /**
             * author: develop_design_level
             * date: 2009-11-02
             * @param {Object} id
             */
            function $(id){
                if (document.getElementById) {
                    return document.getElementById(id);
                }
                else {
                    return document.all.id;
                }
            }

window.onload = function(){
window.setInterval('getTodayTime()',1000);//这里设置动态显示
};

function getTodayTime(){
var today = new Date();
$('yearId').innerHTML = today.getFullYear() + '年';
$('monthId').innerHTML = (today.getMonth() + 1) + '月';
$('dateId').innerHTML = today.getDate() + '日';

var day = today.getDay();
var __day = '';
switch(day){
case 0:
__day = '星期日';
break;
case 1:
__day = '星期一';
break;
case 2:
__day = '星期二';
break;
case 3:
__day = '星期三';
break;
case 4:
__day = '星期四';
break;
case 5:
__day = '星期五';
break;
case 6:
__day = '星期六';
break;
}
if (__day != '') {
$('weekId').innerHTML = __day;
}
$('hourId').innerHTML = today.getHours() + '时';
$('minuteId').innerHTML = today.getMinutes() + '分';
$('secondId').innerHTML = today.getSeconds() + '秒';
}
        </script>
    </head>
    <body>
        <table width="500" border="1">
            <tr>
                <td>当前时间是：
                </td>
                <td id="yearId"> 
                </td>
                <td id="monthId"> 
                </td>
                <td id="dateId"> 
                </td>
                <td id="weekId"> 
                </td>
                <td id="hourId"> 
                </td>
                <td id="minuteId"> 
                </td>
                <td id="secondId"> 
                </td>
            </tr>
        </table>
    </body>
</html>=== 结贴，给分 ===
得到满意的答案，立即结贴给分，是一种良好的习惯和美德
这样写就不用在判断是星期几了又简单了点
<script>
var today = new Date();
var arr=["日","一","二","三","四","五","六"];
var year=today.getYear();
var month=today.getMonth();
var date=today.getDate();
var day=today.getDay();
var hour =today.getHours();
var minutes=today.getMinutes();
var seconds=today.getSeconds();document.getElementById("year").innerHTML=year+"年";
document.getElementById("month").innerHTML=month+1+"月";
document.getElementById("date").innerHTML="星期"+arr[day];
document.getElementById("day").innerHTML=day;document.getElementById("hour").innerHTML=hour+"时";
document.getElementById("minutes").innerHTML=minutes+"分";
document.getElementById("seconds").innerHTML=seconds+"秒";</script>
<table border=1>
    <tr>
        <td id="year">
        </td>
        <td id="month">
        </td>
        <td id="date">
        </td>
        <td id="day">
        </td>
        <td id="hour">
        </td>
        <td id="minutes">
        </td>
        <td id="seconds">
        </td>
    </tr>
</table>
<table border="1" id="tab">
    <tr>
<td>当前时间是：</td>
<td></td> <td></td> <td></td>
<td></td>
<td></td> <td></td> <td></td>
    </tr>
</table>
<script language="javascript">
Array.prototype.forEach = function(action, thisObject) {
for (var i=0; i<this.length; i++)
action.call(thisObject, this[i], i, this);
return this;
};(function() {
var cells = [];
cells.forEach.call(document.getElementById("tab").rows[0].cells, function(cell, i) { if (i>0) cells.push(cell); });
function values() {
var now = new Date();
return [
now.getFullYear()+"年",    now.getMonth()+1+"月",    now.getDate()+"日",
"星期" + "日一二三四五六".charAt(now.getDay()),
now.getHours()+"时",        now.getMinutes()+"分",    now.getSeconds()+"秒"
];
}
(function() {
var vs = values();
cells.forEach(function(cell, i) { cell.innerHTML = vs[i]; });
setTimeout(arguments.callee, 1000);
})();
})();
</script>