网页显示时间系统

一、概述

    在网页输出当前日期的时间分为以下步骤：

    I、创建Date对象

    II、通过Date对象找到时间

    III、将得到的具体时间美化

    IV、将时间在页面上显示

    V、持续显示

二、流程操作

    I II、Date对象

        函数：

        getFullYear()：返回当前年

        getMonth（）：月（从零开始计数）

        getDate()： 日

        getDay()：星期（从零开始计数）

        getHours()：小时

        getMinutes()：分钟

        getSeconds()：秒

    III、时间美化的意义：

    在月份、日、小时、分钟、秒 的值小于十的时候，需要在前面添加零（三目运算符）

    在星期的时候不可以出现1，更好的应该是“一”；

    IV、在页面中显示

    当然不可以直接在一个HTML元素中出现一个JavaScript函数，这样是不可取的——所以应该采用在JavaScript中的一个已知对象：document

    其中使用函数 getElementById(元素的ID).innerHTML,将时间在元素需要输入的内容输入

    V、持续显示

    利用系统函数：setInterval（函数 ，毫秒数）

三、代码：

        </script>            
			function p(){
				var time=new Date();
				var year=time.getFullYear();
				var month=time.getMonth()+1;
				month=month<10?"0"+month:month;
				var week="日一二三四五六".charAt(time.getDay());
				var day=time.getDate();
				day=day<10?"0"+day:day;
				var hour=time.getHours();
				hour=hour<10?"0"+hour:hour;
				var minute=time.getMinutes();
				minute=minute<10?"0"+minute:minute;
				var second=time.getSeconds();
				second=second<10?"0"+second:second;
				var current=year+"-"+month+"-"+day+"  星期"+week+"  "+hour+":"+minute+":"+second;
				document.getElementById("time").innerHTML=current;
			}
			p();
			setInterval('p()',1000);
		</script>
        <span id="time"><\span>
            

  代码仅供参考，嘻嘻