网站头部动态日期--JS实现
2007-12-04 11:19
501 查看
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<script language='javascript'>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
today=new Date();
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
var day; var date; var hello; var wel;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
hour=new Date().getHours()
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
if(hour < 6)hello='凌晨好'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour < 9)hello='早上好!'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour < 12)hello='上午好!'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour < 14)hello='中午好!'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour < 17)hello='下午好!'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour < 19)hello='傍晚好!'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour < 22)hello='晚上好!'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
else ...{hello='夜里好!'}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
if(today.getDay()==0)day='星期日'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(today.getDay()==1)day='星期一'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(today.getDay()==2)day='星期二'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(today.getDay()==3)day='星期三'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(today.getDay()==4)day='星期四'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(today.getDay()==5)day='星期五'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(today.getDay()==6)day='星期六'
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
date=(today.getYear())+'年'+(today.getMonth() + 1 )+'月'+today.getDate()+'日';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
if(hour<1)wel='子时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<3)wel='丑时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<5)wel='寅时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<7)wel='卯时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<9)wel='辰时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<11)wel='巳时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<13)wel='午时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<15)wel='未时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<17)wel='申时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<19)wel='酉时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<21)wel='戌时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
else if(hour<23)wel='亥时';
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
else ...{wel='子时';}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</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页面中运行。
相关文章推荐
- 动态生成JS 实现 .NET 网站广告管理
- 名企动态网站开发--js实现可拖动弹窗
- vis.js 头部日期实现国际化
- JS实现日期时间动态显示的方法
- JS实现动态的日期选择表单
- JS中for循序中延迟加载动态效果的具体实现
- Js 获取当前日期时间及其它操作实现代码
- vue.js实现数据动态响应 Vue.set的简单应用
- 如何进行js动态生成option?如何实现二级连动?
- 解读网站被挂其中木马分析js+eval实现
- 日期多选插件Kalendae.js 动态引用
- js实现动态删除表格的行或者列-------Day57
- js 动态的让整个网站 简体和繁体切换
- jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
- 浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应
- JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
- 使用JS,JQuery实现下拉框显示当前日期之前的年月
- 点滴积累【JS】---JS实现日期加减
- 利用JS弹出层实现简单的动态提示“正在加载中,请稍等...”
- JS动态的把左边列表添加到右边的实现代码(可上下移动)