jsp在网页上动态显示当前时间问题，求教？

Question

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%><table width="100%">
<tr>
<td width="80%">
<script language='javascript'>
function su() {
var tody = new Date();
var nian = tody.getFullYear();
var youe = tody.getMonth() + 1;
var day = tody.getDate();
var hour = tody.getHours();
var min = tody.getMinutes();
var miao = tody.getSeconds();
document.body.innerHTML = "现在时间是" + nian + "年" + youe + "月" + day + "日"
+ hour + "时" + min + "分" + miao + "秒";
}
setInterval("su();", 1000);
</script>
</td>
<td width="10%">
欢迎，游客
</td>
<td width="10%">
<a href="">登录/注册</a>
</td>
</tr>
</table>
以后是一段jsp代码，是一条信息栏。
一行三列，第一列表示当前时间，第二，三列暂时是用户登录信息。
可是当我运行时，第1秒是三个信息全有，但是以后就只显示时间了。
没有达到我要的效果，望高人指点，谢谢啦。。

Answer 1

 document.body.innerHTML  时间占用了整个body <td width="80%" id="time">
            <script language='javascript'>
                function su() {
                    var tody = new Date();
                    var nian = tody.getFullYear();
                    var youe = tody.getMonth() + 1;
                    var day = tody.getDate();
                    var hour = tody.getHours();
                    var min = tody.getMinutes();
                    var miao = tody.getSeconds();
                    document.getElementById('time').innerHTML = "现在时间是" + nian + "年" + youe + "月" + day + "日"
                    + hour + "时" + min + "分" + miao + "秒";
                }
                setInterval("su();", 1000);
            </script>
        </td>