首页 »Javascript教程 » 网页代码:网页代码(五) »正文网页代码:网页代码(五)来源: 发布时间:星期二, 2008年11月18日 浏览:108次 评论:0
、数字时钟
说明 数字化的时钟 代码 <span id="liveclock" style"=width: 109px; height: 15px"></span> <SCRIPT language=javascript> function www_testweb_net() { var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var sec.getSeconds() if(minutes<=9) minutes="0"+minutes if(seconds<=9) sec+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_testweb_net()",1000) } www_testweb_net(); //--> </SCRIPT> 17、六种风格时间 说明: 六种风格时间显示,一定有你喜欢的! 效果: 风格一: 星期二,6月1日,2004年 风格二: 7:56:28上午 风格三: 星期二,6月1日,2004年 7:56:28上午 风格四: 6/1/04 风格五: 7:56:28 风格六: Tue Jun 1 07:56:28 UTC+0800 2004 代码: <SCRIPT language="javascript"> <!-- function initArray() { for(i=0;i<initArray.arguments.length;i++) this=initArray.arguments; } var isnM 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> 18、显示停留的时间 说明: 显示他人在页面停留的时间,而且可以作出提醒 代码: 您在本站逗留了<input type="text" name="testweb_net" size="15" style="border: 0 "> <SCRIPT language="javascript"> <!-- var sec=0; var min=0; var hou=0; flag=0; idt=window.setTimeout("www_testweb_net();",1000); function www_testweb_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; } testweb_net.value=hou+"小时"+min+"分"+sec+"秒"; idt=window.setTimeout("www_testweb_net();",1000); } //--> </SCRIPT> 19、有影子的数字时钟 说明: 这个时钟是有影子的,而且还在不停地走着呢 代码: <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_testweb_net() { thistime= new Date() var hours=thistime.getHours() var minutes=thistime.getMinutes() var sec.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {sec+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_testweb_net()",200) } www_testweb_net(); //--> </script> 20、全中文日期显示 说明: 年月日都是用全中文显示 代码: <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> 21、打字效果 说明: 文字在状态栏上从左往右一个一个地显示,就象你打出的字一样 代码: <script language="JavaScript"> var msg = "欢迎光临,请多提意见。谢谢! " ; var interval = 120 var spacelen = 120; var space10=" "; var seq=0; function testweb_net() { len = msg.length; window.status = msg.substring(0, seq+1); seq++; if ( seq >= len ) { seq = 0; window.status = ''; window.setTimeout("testweb_net();", interval ); } else window.setTimeout("testweb_net();", interval ); } testweb_net(); </script> 22、文字从左往右移动 说明: 文字在状态栏上从右往左显示,而且是循环的 代码: <script> <!-- function testweb_net(seed) { var m1 = "欢迎来到网页特效世界,请多提意见。谢谢! !" ; var m2 = "" ; var msg=m1+m2; var out = " "; var c = 1; var speed = 120; if (seed > 100) { seed-=2; var cmd="testweb_net(" + seed + ")"; timerTwo=window.setTimeout(cmd,speed);} else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" ";} out+=msg; seed-=2; var cmd="testweb_net(" + seed + ")"; window.status=out; timerTwo=window.setTimeout(cmd,speed); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed-=2; var cmd="testweb_net(" + seed + ")"; window.status=out; timerTwo=window.setTimeout(cmd,speed);} else { window.status=" "; timerTwo=window.setTimeout("testweb_net(100)",speed); } } } testweb_net(100); --> </script> 0
相关文章读者评论发表评论 |