|
| 网页特效<五>数字时钟 |
|
|
|
|
来源: 作者: 阅读: 次 字体:大 中 小 |
|
|
|
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】【责任编辑:】【会员投稿】【收藏本页】
|
|
|
|
|
|
|
|
| |
|
|
| |
|
|
| |
|
|
|