您的位置:首页 > 运维架构 > 网站架构

网站头部动态日期--JS实现

2007-12-04 11:19 501 查看

<script language='javascript'>


today=new Date();


var day; var date; var hello; var wel;




hour=new Date().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='夜里好!'}




if(today.getDay()==0)day='星期日'


else if(today.getDay()==1)day='星期一'


else if(today.getDay()==2)day='星期二'


else if(today.getDay()==3)day='星期三'


else if(today.getDay()==4)day='星期四'


else if(today.getDay()==5)day='星期五'


else if(today.getDay()==6)day='星期六'




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




if(hour<1)wel='子时';


else if(hour<3)wel='丑时';


else if(hour<5)wel='寅时';


else if(hour<7)wel='卯时';


else if(hour<9)wel='辰时';


else if(hour<11)wel='巳时';


else if(hour<13)wel='午时';


else if(hour<15)wel='未时';


else if(hour<17)wel='申时';


else if(hour<19)wel='酉时';


else if(hour<21)wel='戌时';


else if(hour<23)wel='亥时';




else ...{wel='子时';}


</script>

测试效果:<table border="0" width="120" cellspacing="0" cellpadding="0">
<tr height="19" align="center">
<td>
<script>document.write("大家,"+hello);</script>
</td>
</tr>

<tr height="19" align="center">
<td style="border-bottom:#000000 solid 1px;padding:0 0 2 0;">
<SCRIPT>document.write(date+day)</SCRIPT>
</td>
</tr>
<tr height="19" align="center">
<td style="padding:0 0 4 0;">www.lrn.cn</td>
</tr>
</table>

把JS代码与测试代码写到同一个HTML页面中运行。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: