本文介绍了一种使用JavaScript实现的动态问候语特效，能够根据时间变化自动更新问候语，无需刷新页面。同时显示当前日期、时间和星期。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>随时间变化动态显示问候语的JS代码-时间特效-网页特效-站长新动力-msxindl.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
在网上有很多类似“随时间变化动态显示问候语的JS代码”，都有一个缺点就是：如果用户没有刷新页面，问候语就不会自动更新。<br>本特效就可以在用户不刷新页面的情况下，自动根据时间变化刷新问候语。同时也显示当前的日期，时间，星期，比较完美。
<center><p>
<script type="text/javascript">
<!--//你可以将下面的代码单独存为JS文件来引用。
document.write('<span id="show_time"></span> <span id="show_msg"></span>');
setInterval("document.all.show_time.innerHTML=new Date().toLocaleString()+' 周'+'日一二三四五六'.charAt(new Date().getDay());",1000);
//如果你不需要显示当前日期，请删除上面的那行代码。
function msg(obj){
var text="";
var time=parseInt(obj);
if((time>=0)&&(time<1))
text="全新的一天开始了哟!";
if((time>=1)&&(time<2))
text="一点过了,该休息了哦！！！";
if((time>=2)&&(time<3))
text="还在坚持吗，两点多了哦！";
if((time>=3)&&(time<4))
text="饿吗，吃点夜宵吧！";
if((time>=4)&&(time<5))
text="还不休息?明天不上班吗？";
if((time>=5)&&(time<6))
text="唉,困了,眼睛直“打架”。";
if((time>=6)&&(time<7))
text="看一下天亮了吗?";
if((time>=7)&&(time<8))
text="吃过早餐了吗?";
if((time>=8)&&(time<9))
text="准备上班了哟！";
if((time>=9)&&(time<10))
text="开始上班了,今天工作多吗?";
if((time>=10)&&(time<11))
text="有一个好心情是最好的事情了!";
if((time>=11)&&(time<12))
text="时间走快点呀,我要去吃饭了。";
if((time>=12)&&(time<13))
text="吃过午饭了吗？";
if((time>=13)&&(time<14))
text="中午休息吗?可别睡过头了哟。";
if((time>=14)&&(time<15))
text="网是要上的,工作也是要做的。";
if((time>=15)&&(time<16))
text="望望窗外,别累坏眼睛哦。";
if((time>=16)&&(time<17))
text="嗯，现在感觉有点困了哈！";
if((time>=17)&&(time<18))
text="累了一天，终于快下班了。";
if((time>=18)&&(time<19))
text="快做饭,先解决“肚皮”问题。";
if((time>=19)&&(time<20))
text="怎么样，吃过晚饭了吗？";
if((time>=20)&&(time<21))
text="OK,现在该坐下来在网上散散心了。";
if((time>=21)&&(time<22))
text="网上东西真多啊!找到想要的了吗?";
if((time>=22)&&(time<23))
text="有点晚了,准备休息了哦！";
if((time>=23)&&(time<24))
text="这么晚了，你还在啊！";
document.all.show_msg.innerHTML=text;
}
msg(new Date().getHours());
function ref(){
var day=new Date();
var h=day.getHours();
var m=day.getMinutes();
var s=day.getSeconds();
if(m==0&&s==0){msg(h);}
setTimeout("ref()",1000);
}
ref();
//-->
</script>
</p></center>
</body>
</html>
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>随时间变化动态显示问候语的JS代码-时间特效-网页特效-站长新动力-msxindl.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
在网上有很多类似“随时间变化动态显示问候语的JS代码”，都有一个缺点就是：如果用户没有刷新页面，问候语就不会自动更新。<br>本特效就可以在用户不刷新页面的情况下，自动根据时间变化刷新问候语。同时也显示当前的日期，时间，星期，比较完美。
<center><p>
<script type="text/javascript">
<!--//你可以将下面的代码单独存为JS文件来引用。
document.write('<span id="show_time"></span> <span id="show_msg"></span>');
setInterval("document.all.show_time.innerHTML=new Date().toLocaleString()+' 周'+'日一二三四五六'.charAt(new Date().getDay());",1000);
//如果你不需要显示当前日期，请删除上面的那行代码。
function msg(obj){
var text="";
var time=parseInt(obj);
if((time>=0)&&(time<1))
text="全新的一天开始了哟!";
if((time>=1)&&(time<2))
text="一点过了,该休息了哦！！！";
if((time>=2)&&(time<3))
text="还在坚持吗，两点多了哦！";
if((time>=3)&&(time<4))
text="饿吗，吃点夜宵吧！";
if((time>=4)&&(time<5))
text="还不休息?明天不上班吗？";
if((time>=5)&&(time<6))
text="唉,困了,眼睛直“打架”。";
if((time>=6)&&(time<7))
text="看一下天亮了吗?";
if((time>=7)&&(time<8))
text="吃过早餐了吗?";
if((time>=8)&&(time<9))
text="准备上班了哟！";
if((time>=9)&&(time<10))
text="开始上班了,今天工作多吗?";
if((time>=10)&&(time<11))
text="有一个好心情是最好的事情了!";
if((time>=11)&&(time<12))
text="时间走快点呀,我要去吃饭了。";
if((time>=12)&&(time<13))
text="吃过午饭了吗？";
if((time>=13)&&(time<14))
text="中午休息吗?可别睡过头了哟。";
if((time>=14)&&(time<15))
text="网是要上的,工作也是要做的。";
if((time>=15)&&(time<16))
text="望望窗外,别累坏眼睛哦。";
if((time>=16)&&(time<17))
text="嗯，现在感觉有点困了哈！";
if((time>=17)&&(time<18))
text="累了一天，终于快下班了。";
if((time>=18)&&(time<19))
text="快做饭,先解决“肚皮”问题。";
if((time>=19)&&(time<20))
text="怎么样，吃过晚饭了吗？";
if((time>=20)&&(time<21))
text="OK,现在该坐下来在网上散散心了。";
if((time>=21)&&(time<22))
text="网上东西真多啊!找到想要的了吗?";
if((time>=22)&&(time<23))
text="有点晚了,准备休息了哦！";
if((time>=23)&&(time<24))
text="这么晚了，你还在啊！";
document.all.show_msg.innerHTML=text;
}
msg(new Date().getHours());
function ref(){
var day=new Date();
var h=day.getHours();
var m=day.getMinutes();
var s=day.getSeconds();
if(m==0&&s==0){msg(h);}
setTimeout("ref()",1000);
}
ref();
//-->
</script>
</p></center>
</body>
</html>
扫一扫
745
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
