在网页中显示当前时间

数码时尚

晨曦

　　预想效果：

　　在主页上显示当前时间，并根据当前时间显示不同的问候语。

　　实现代码：

　　＜SCRIPT＞

　　today=new Date()； //得到浏览器当前的时间，是浏览者本机的时间，此时间中包括所有具体的时间信息

　　var day；

　　var date；

　　var hello；

　　//分别定义三个字符变量，下面程序中调用

　　hour=today.getHours() //得到当前时间中的小时数值

　　if(hour ＜ 6)hello='凌晨好'

　　else if(hour ＜ 9)hello='早上好'

　　else if(hour ＜ 12)hello='上午好'

　　else if(hour ＜ 14)hello='中午好'

　　else if(hour ＜ 17)hello='下午好'

　　else if(hour ＜ 19)hello='傍晚好'

　　else if(hour ＜ 22)hello='晚上好'

　　else {hello='夜里好！'} //根据小时数的不同，作不同的判断，并给字符变量hello赋不同的值，从而给出不同的欢迎词

　　day=today.getDay() //得到当前时间中的星期几的数值

　　if(day==0)day='星期日'

　　else if(day==1)day='星期一'

　　else if(day==2)day='星期二'

　　else if(day==3)day='星期三'

　　else if(day==4)day='星期四'

　　else if(day==5)day='星期五'

　　else if(day==6)day='星期六'//根据得到星期几数值的不同，作不同的判断，并给字符变量day赋不同的值

　　date=(today.getYear())+'年'+(today.getMonth() + 1 )+'月'+today.getDate()+'日'；

　　//得到当前时间中具体的年月日的值，注意月份的时间要加1才能正确显示。单引号中是可以随意修改的文字

　　document.write(hello)；//显示当前时间段的欢迎词

　　document.write(date)；//显示当前的年月日

　　document.write(day)；//显示当前是星期几

　　＜/SCRIPT＞

　　提示：在记事本中写下源代码，然后另存为HTML文件。打开HTML文件即可看到效果！使用时将码复制到网页中＜body＞＜/body＞间即可。

　　补充：

　　看了上面的程序显示你一定会觉得这些提示信息的排版太不科学了，那么怎么解决排版的问题呢？这里就需要加入HTML的一些标记了，拿最后显示信息的document.write(hello)来讲，可以这样加入HTML标记：document.write("＜font color=red＞"+hello+"＜/font＞＜br＞")，这里是给hello所显示的提示信息加了红颜色，并且加了强制换行符＜br＞，可以与其他的信息区别开。怎么样，这些小程序其实都不复杂吧？赶快自己动手做一下吧，只要多改，多练，你一定会有新的发现的。