长风在线-首页
 首页 >> 软件文库 >> 网页设计 >> 正文
网页特效<五>数字时钟
来源: 作者: 阅读: 次 字体:

1.全中文日期显示

说明  年月日都是用全中文显示 
效果  公元二零零三年四月十一日  
代码 <script language="JavaScript">
<!--
function number(index1){
var numberstring="一二三四五六七八九十";
if(index1 ==0) {document.write("十")}
if(index1 < 10){
document.write(numberstring.substring(0+(index1-1),index1))}
else if(index1 < 20 ){
document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}
else if(index1 < 30 ){
document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}
else{
document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}
}

var today1 = new Date()
var month = today1.getMonth()+1
var date = today1.getDate()
var day = today1.getDay()

document.write("公元二零零三年")
number(month)
document.write("月")
number(date)
document.write("日")
//-->
</script>

2.有影子的数字时钟

说明  这个时钟是有影子的,而且还在不停地走着呢 
代码 <div id="bgclockshade"
 style="position:absolute;visibility:visible;
font-family:’Arial black’;color:#cccccc;
font-size:20px;top:50px;left:173px"></div>
<div id="bgclocknoshade"
 style="position:absolute;visibility:visible;
font-family:’Arial black’;color:#000000;
font-size:20px;top:48px;left:170px"></div>
<div id="mainbody" style="position:absolute; visibility:visible">
</div>
<script language=javaScript>
<!--
function www_helpor_net() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds

if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}

if(document.layers) {
document.bgclockshade.document.write(’<div id="bgclockshade"
 style="position:absolute;visibility:visible;
font-family:Verdana;color:FFAAAAA;
font-size:20px;top:10px;left:152px">’+thistime+’</div>’)
document.bgclocknoshade.document.write(’<div id="bgclocknoshade"
 style="position:absolute;visibility:visible;
font-family:Verdana;color:DDDDDD;
font-size:20px;top:8px;left:150px">’+thistime+’</div>’)
document.close()
}
var timer=setTimeout("www_helpor_net()",200)
}
www_helpor_net();
//-->
</script>

3.显示停留的时间

显示他人在页面停留的时间,而且可以作出提醒 

代码 您在本站逗留了<input type="text"
 name="helpor_net" size="15" style="border: 0 ">
<SCRIPT language="javascript">
<!--
var sec=0;
var min=0;
var hou=0;
flag=0;
idt=window.setTimeout("www_helpor_net();",1000);
function www_helpor_net()
{
sec++;
if(sec==60){sec=0;min+=1;}
if(min==60){min=0;hou+=1;}
if((min>0)&&(flag==0))
{
 window.alert("您刚刚来了1分钟!可别急着走开,
还有好多好东东等着您呢!--站长");
 flag=1;
}
helpor_net.value=hou+"小时"+min+"分"+sec+"秒";
idt=window.setTimeout("www_helpor_net();",1000);
}
//-->

</SCRIPT>

4.六种风格的时间

风格一: 星期一,4月11日,2005年 
风格二: 2:53:42下午 
风格三: 星期一,4月11日,2005年 2:53:42下午 
风格四: 4/11/05 
风格五: 14:53:42 
风格六: Mon Apr 11 14:53:42 UTC+0800 2005 

<SCRIPT language="javascript">
<!--
function initArray()
 {
  for(i=0;i<initArray.arguments.length;i++)
  this[i]=initArray.arguments[i];
 }
 var isnMonths=new initArray("1月","2月","3月","4月","5月","6月",
"7月","8月","9月","10月","11月","12月");
 var isnDays=new initArray("星期日","星期一","星期二","星期三",
"星期四","星期五","星期六","星期日");
 today=new Date();
 hrs=today.getHours();
 min=today.getMinutes();
 sec=today.getSeconds();
 clckh=""+((hrs>12)?hrs-12:hrs);
 clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;
 clck=(hrs>=12)?"下午":"上午";
 var stnr="";
 var ns="0123456789";
 var a="";

function getFullYear(d)
{
  yr=d.getYear();if(yr<1000)
  yr+=1900;return yr;}
  document.write("<table>");
  
//下面各行分别是一种风格,把不需要的删掉即可
  document.write("<TR><TD>风格一:
</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]
+""+today.getDate()+"日,"+getFullYear(today)+"年");
  document.write("<TR><TD>风格二:
</TD><TD>"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");
  document.write("<TR><TD>风格三:
</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+
""+today.getDate()+"日,"+getFullYear(today)+"年 "+clckh+":"+clckm+":"+
clcks+""+clck+"</TD></TR>");
  document.write("<TR><TD>风格四:
</TD><TD>"+(today.getMonth()+1)+"/"+today.getDate()+"/"
+(getFullYear(today)+
"").substring(2,4)+"</TD></TR>");
  document.write("<TR><TD>风格五:
</TD><TD>"+hrs+":"+clckm+":"+clcks+"</TD></TR>");
  document.write("<TR><TD VALIGN=TOP>风格六:
</TD><TD>"+today+"</TD></TR>");

  document.write("</table>");
//-->
</SCRIPT>

5.数字时钟

<span id="liveclock" style"=width: 109px; height: 15px"></span>
<SCRIPT language=javascript>
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="现在时刻:<font size=’5’ face=’Arial black’>"+hours+":"
+minutes+":"+seconds+"</font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
</SCRIPT>

转载本站文章请注明 来源:长风在线 http://www.CF66.Net
上一篇: 网页特效<四>鼠标特效
下一篇: 网页特效<六>状态特效
【投稿日期:2006-11-17 19:19:33】【责任编辑:】【会员投稿】【收藏本页
 文章评论

会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论
 相关文章
- 网页特效<九>其他特效
- 网页特效<八>cookie
- 网页特效<七>图像特效
- 网页特效<六>状态特效
- 网页特效<四>鼠标特效
- 网页特效<三>页面背景
- 网页特效<二>按钮特效
- 网页特效<一>典型特效
 >> 站 内 搜 索
 
 >> 推 荐 阅 读
- 他与3个女人的故事:浪子,
- 我的儿媳妇,撑起摇摇欲坠
- 新素食主义者 我行我素
- 单车运动,“骑”乐无穷
- 幸福在哪里——荆门女子的
- 诗人阿翔:无声世界里的旅行
- 我们能否再回到从前 - 我的
- 不能给她幸福,只能为她祝
- 农村汉子捐肾救妻叩开生命
- 银行卡该怎样使用?——专