投票
标题:会按时送上问侯的网页
LaughWOLVES
蕴含的太阳
Rank: 5Rank: 5Rank: 5Rank: 5Rank: 5
祷告世界的终结


UID 9049
精华 2
积分 2028
帖子 573
狼毛 100 根
阅读权限 50
注册 2005-11-16
来自 世界终结之庭院
状态 离线
发表于 2006-8-14 16:26 资料 短消息  加为好友 
会按时送上问侯的网页

会按时送上问侯的网页

    我们要写一个懂得分辨时间的网页,当你在不同的时间里访问该网页时,它会显示出日期,时间和不同的问候语。在这个网页中我们先通过Date()对象的方法获得系统日期和时间,然后通过一个条件语句设定判断条件,从而使网页在不同的时间显示不同的问候语。现在我们来介绍一下Date() 对象,它可是这里的主角。

Date() 对象有四种创建方式:

(1) today = new date();
(2) today = new date("month day, year hours : minutes : seconds");
(3) today = new date(year , month , day);
(4) today = new date(year , month , day , hours , minutes , seconds);

第一种方式:创建一个包含当前时间和日期的新date() 对象。
第二种方式:创建一个以字符串做参数的date()对象。
第三种方式:创建一个以整数作参数的date()对象。
第四种方式:创建一个以整数作参数的date()对象,同时设置时间。

Date() 对象有七个方法:

(1)getYear()方法返回一个整数值,表示该对象代表哪一年。返回的整数由年份减去1900得到。如96表示1996年。
(2)getDay()方法返回一个整数值,表示该对象代表的是一个星期里的第几天。返回的整数为零表示星期天,返回的整数为5表示星期六。
(3)getDate() 方法返回一个整数值,表示该对象代表的是该月的第几天。返回的数为1时表示该月的第一天。
(4)gatHours()方法 返回一个整数值,表示该对象代表的是一天里的第几个小时。返回数为0代表午夜零点,返回数为23代表晚上11点。
(5)getMonth()方法 返回一个整数值,表示该对象代表的月份。返回数为0代表达1月,返回数为11代表12月。
(6)getMinutes()方法返回一个整数值,表示该对象代表的是一小时中的第几分钟。参数数为0至59之间的整数。
(7)getSeconds()方法 返回一个整数值,表示该对象代表的是一分钟里的第几秒,参数是0至59之间的整数。

    主角介绍完了,下面我们来分析一下实现该功能的代码。首选看第一段,这段代码实现的功能是获取系统的日期和时间并把它们显示出来。

  1)<SCRIPT language="JavaScript">
  2)<!-----------
  3)   var enabled = 0;   today = new Date();
  4)  var day;   var date;
  5)   if(today.getDay()==0)     day = "星期日"
  6)   if(today.getDay()==1)     day = "星期一"
  7)   if(today.getDay()==2)     day = "星期二"
  8)   if(today.getDay()==3)     day = "星期三"
  9)   if(today.getDay()==4)     day = "星期四"
10)   if(today.getDay()==5)     day = "星期五"
11)   if(today.getDay()==6)     day = "星期六"
12)  document.fgColor = " FF0072";
13)   date1 = "<font size=2 color=red>" + (today.getYear())  + "年" + (today.getMonth() + 1 ) + "月" +  today.getDate() + "日  " + "</font>";
14)   date2 = "<font size=2 color=red>" +  day + "</font>";
15)  document.write("<center>" + date1.fontsize(3) + date2.fontsize(3) + "</center>");
16)//----->
17)</SCRIPT>

    上面的代码声明了一些变量并且创建了一个Date()对象。其中1)行用于声明所用的脚本语言是JavaScript语言。2)行是注释符号,它与16)行成对使用,把JavaScript代码括在里边,这样在浏览器中就不会把这些代码当成字符显示在网页上。3)行声明了一个名为“enabled”的变量并把它初始化为“0”。然后创建了一个名为“today”的“Date()”对象。5)行中用了一个条件语句并且调用了getDay()方法。当执行这一行代码时会先判断括号内的条件是否成立,如果成立则执行接下来的语句。所以当getDay()方法的返回值为“0”时就把“星期日”三个字符付值给“day”变量。12)行中用“ document.fgColor”方法设置前景色。13)行中设置了字体的字号和颜色,另外获得系统日期。15)行用于显示日期和时间。

    接来看下面这一段代码,这段代码主要实现时间的判定,并根据不同的时间输出不同的问候语。
<SCRIPT language="JavaScript">
<!--
document.write("<center><font color=#0066ff size=+1> ")
day = new Date()
hr = day.getHours()
if (hr ==1)
document.write("凌晨一点已过,夜静悄悄的。")
if (hr ==2)
document.write("凌晨两点了,要注意身体啊。")
if (hr ==3)
document.write("月亮都睡了,你还不睡?")
if (hr ==4)
document.write("四点过了,夜凉如水。")
if (hr ==5)
document.write("醒得这么早,你一定是个勤快的人。")
if (hr ==6)
document.write("六点了,早上的空气真不错。")
if (hr ==7)
document.write("新的一天开始了,要好好努力!")
if ((hr ==8) || (hr == 9) || (hr ==10))
document.write("上午好!祝你心情愉快。")
if (hr ==11)
document.write("十一点过了,快到午餐时间了。")
if (hr ==12)
document.write("十二点过了,午餐吃得好吗?")
if ((hr==13) || (hr==14))
document.write("中午休息一下吧。")
if ((hr==15) || (hr==16) || (hr==17))
document.write("下午好!")
if ((hr==18) || (hr==19))
document.write("黄昏最能让人想起家和可口的晚餐。")
if ((hr==20) || (hr==21) || (hr==22))
document.write("晚上真是用功的好时间。")
if (hr==23)
document.write("这么晚了还不困吗?")
if (hr==0)
document.write("凌晨了,这一天过得怎么样?")
document.write("</font></center>")
//--->
</SCRIPT>

你可能已经发现这段代码重复地应用了条件语句,我们拿其中几句来看看。
if (hr ==3)
document.write("月亮都睡了,你还不睡?")

在这个条件语句中我们设定了一个条件,当变量“hr”等于3时输出语句“月亮都睡了,你还不睡?”。

if ((hr==18) || (hr==19))
document.write("黄昏最能让人想起家和可口的晚餐。")

在这句中设定了两个条件,所以当变量“hr”等于18或等于19时都会输出语句“黄昏最能让人想起家和可口的晚餐。”。

    现在我们要做的是写一个网页然后把上面介绍的两段代码写在HTML页面的<body>标签和</body>标签之间(第一段代码中用于注释行数的数字不要写入,否则网面不能正常显示)。存盘后打开网页就可以看到效果了,真是好聪明的网页,居然会按时送上问侯。

(作者:浪客)





大自然说一,智慧从不说二.......$_^
 顶部
grape0915 (grape)
万物创造者
Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9
自己玩


论坛达人  百目惠识  
UID 6757
精华 7
积分 253264
帖子 8391
狼毛 507182 根
阅读权限 110
注册 2005-8-24
来自 canton
状态 离线
发表于 2006-8-15 12:14 资料 短消息  加为好友 
这种东西就怕被恶意使用……

 顶部
 



当前时区 GMT+8, 现在时间是 2024-11-23 21:31
苏ICP备2024131517号

Powered by Discuz! 5.5.0 © 2001-2007
Processed in 0.008401 second(s), 6 queries, Gzip enabled

清除 Cookies - 联系我们 - 狼窝 - Archiver - WAP