首先声明在html中的<script>的标签中声明一个toDay()方法。


function toDay() {
    var date = new Date;               // 实例js的日期对象
    var y = date.getFullYear();       // 获取data对象下的当前公元年
    var m = date.getMonth()+1;   // 获取data对象下的当前自然月,由于js的月是从0开始,所以此处要+1
    var d = date.getDate();            // 获取data对象下的当前自然天
    document.getElementsById('time').html(y+'-'+m+'-'+d);   // 把id为time的标签内的文本变成获取到的日期。
}
toDay();                 // 调用toDay方法让其工作。


如果想生成一个动态的时钟,带年月日时分秒,并且知道周几的则需要用到Date下的其他方法,还要涉及到js定时器。也相对简单。




例子:


function showTime(){
    nowtime = new Date();
    year = nowtime.getFullYear();
    month = nowtime.getMonth()+1;
    date = nowtime.getDate();
    week = nowtime.getDay();  // 获取星期,从零开始,到6结束,0为周日,6为周六
    if (week == 0) {  
        str = "周日";  
    } else if (week == 1) {  
        str = "周一";  
    } else if (week == 2) {  
        str = "周二";  
    } else if (week == 3) {  
        str = "周三";  
    } else if (week == 4) {  
        str = "周四";  
    } else if (week == 5) {  
        str = "周五";  
    } else if (week == 6) {  
        str = "周六";  
    }
    // toLocaleTimeString方法是把对象的时间部分转换为字符串:如 上午(下午) 2:58:30
    document.getElementById("mytime").innerText=str + ' ' + year + "-" + month + "-" + date +" "+ nowtime.toLocaleTimeString();
}


然后在页面的某处使用定时器,在规定的时间内调用该方法即可。1000是毫秒,此处为没1秒钟执行一次showTime()方法。

如:

<script>setInterval("showTime()",1000);</script>