|
[dvnews_page]
实时走动的数字时钟
<script>
functiontick(){
varhours,minutes,seconds,xfile;
varintHours,intMinutes,intSeconds;
vartoday;
today=newDate();
intHours=today.getHours();
intMinutes=today.getMinutes();
intSeconds=today.getSeconds();
if(intHours==0){
hours="12:";
xfile="午夜";
}elseif(intHours<12){
hours=intHours+":";
xfile="上午";
}elseif(intHours==12){
hours="12:";
xfile="正午";
}else{
intHours=intHours-12
hours=intHours+":";
xfile="下午";
}
if(intMinutes<10){
minutes="0"+intMinutes+":";
}else{
minutes=intMinutes+":";
}
if(intSeconds<10){
seconds="0"+intSeconds+"";
}else{
seconds=intSeconds+"";
}
timeString=xfile+hours+minutes+seconds;
Clock.innerHTML=timeString;
window.setTimeout("tick();",100);
}
window.onload=tick;
</script>
第二步.将下面的代码加入html文件任意需要的地方
<divid="Clock"align="center"style="font-size:20;color:#000000"></div>
你可以自行更改样式！
显示年月日格式的时间代码
<scriptlanguage=javascript>
today=newDate();
functioninitArray(){
this.length=initArray.arguments.length
for(vari=0;i<this.length;i++)
this[i+1]=initArray.arguments[i]}
vard=newinitArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<fontcolor=##000000style='font-size:9pt;font-family:宋体'>",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
d[today.getDay()+1],
"</font>");
显示日期，星期，时间格式的代码
<scriptlanguage="javascript">
<!---
today=newDate();
varhours=today.getHours();
varminutes=today.getMinutes();
varseconds=today.getSeconds();
vartimevalue="<FONTCOLOR=black>"+((hours>12)?hours-12:hours);timevalue+=((minutes<10)?"<BLINK>
<FONTCOLOR=black>:</FONT></BLINK>0":"<BLINK><FONTCOLOR=black>:</FONT></BLINK>")+minutes+"</FONT></FONT>";
timevalue+=(hours>=12)?"<FONTCOLOR=blue><I><B>pm</B></I></FONT>":"<FONTCOLOR=blue><B><I>am</I></B></FONT>";
functioninitArray(){
this.length=initArray.arguments.length
for(vari=0;i<this.length;i++)
this[i+1]=initArray.arguments[i]}
vard=newinitArray("<fontcolor=RED>星期日","<fontcolor=black>星期一","<fontcolor=black>星期二","<fontcolor=black>星期
三","<fontcolor=black>星期四","<fontcolor=black>星期五","<fontcolor=red>星期六");document.write
("<fontcolor=black>",today.getYear(),"<fontcolor=black>年","<fontcolor=black>",today.getMonth()+1,"<fontcolor=black>
月","<fontcolor=black>",today.getDate(),"<fontcolor=black>日</FONT>",d[today.getDay()+1],"",timevalue);//-->
</script>
显示来访者的停留时间
<scriptlanguage="javascript">
varap_name=navigator.appName;
varap_vinfo=navigator.appVersion;
varap_ver=parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));
vartime_start=newDate();
varclock_start=time_start.getTime();
vardl_ok=false;
functioninit()
{
if(ap_name=="Netscape"&&ap_ver>=3.0)
dl_ok=true;
returntrue;
}
functionget_time_spent()
{
vartime_now=newDate();
return((time_now.getTime()-clock_start)/1000);
}
functionshow_secs()//showthetimeuserspentontheside
{
vari_total_secs=Math.round(get_time_spent());
vari_secs_spent=i_total_secs%60;
vari_mins_spent=Math.round((i_total_secs-30)/60);
vars_secs_spent=""+((i_secs_spent>9)?i_secs_spent:"0"+i_secs_spent);
vars_mins_spent=""+((i_mins_spent>9)?i_mins_spent:"0"+i_mins_spent);
document.fm0.time_spent.value=s_mins_spent+":"+s_secs_spent;
window.setTimeout('show_secs()',1000);
}
//-->
</script>
<FORMname="fm0"onSubmit="0"><FONTCOLOR="#6060FF">停留时间:
</FONT><INPUTtype="text"name="time_spent"size=7onFocus="this.blur()"></FORM>
第二步：在你主页源文件<body>中加入下面代码的兰色部分
<BODYonLoad="init();window.setTimeout('show_secs()',1);">
显示当前日期与时间的格式
<scriptlanguage="javascript">
<!--
now=newDate()
hour=now.getHours()
if(hour<12){
document.write("现在是:"+now.toLocaleString())
}elseif(hour<18){
document.write("现在是:"+now.toLocaleString())
}elseif(hour>=18){
document.write("现在是:"+now.toLocaleString())
}
//--></script>
浏览器状态栏显示的时钟
<BODYonLoad="run();timerONE=window.setTimeout"></BODY>
<SCRIPTLANGUAGE="javascript">
<!--Hide
timeID=null;
timeRunning=false;
functionstop(){
if(timeRunning)
clearTimeout(timeID);
timeRunning=false;
}
functiontime(){
tick=newDate();
hours=tick.getHours();
minutes=tick.getMinutes();
seconds=tick.getSeconds();
day=tick.getDay();
month=tick.getMonth();
date=tick.getDate();
year=tick.getYear();
current=""+((hours>12)?hours-12:hours)
current+=((minutes<10)?":0":":")+minutes
current+=((seconds<10)?":0":":")+seconds
current+=(hours>=12)?"P.M.":"A.M."
if(day==0){varweekday="星期日"}
if(day==1){varweekday="星期一"}
if(day==2){varweekday="星期二"}
if(day==3){varweekday="星期三"}
if(day==4){varweekday="星期四"}
if(day==5){varweekday="星期五"}
if(day==6){varweekday="星期六"}
current+=(weekday)
window.status=current;
timeID=setTimeout("time()",1000);
timeRunning=true;
}
functionrun(){
stop();
time();
}
//-->
</SCRIPT>
显示最后更新时间代码
<SCRIPTlanguage=javascript>
<!--hidescriptfromoldbrowsers
document.write("最后更新时间:"+document.lastModified+"")
//endhiding-->
</SCRIPT>
实时走动的数字时钟
<script>
functiontick(){
varhours,minutes,seconds,xfile;
varintHours,intMinutes,intSeconds;
vartoday;
today=newDate();
intHours=today.getHours();
intMinutes=today.getMinutes();
intSeconds=today.getSeconds();
if(intHours==0){
hours="12:";
xfile="午夜";
}elseif(intHours<12){
hours=intHours+":";
xfile="上午";
}elseif(intHours==12){
hours="12:";
xfile="正午";
}else{
intHours=intHours-12
hours=intHours+":";
xfile="下午";
}
if(intMinutes<10){
minutes="0"+intMinutes+":";
}else{
minutes=intMinutes+":";
}
if(intSeconds<10){
seconds="0"+intSeconds+"";
}else{
seconds=intSeconds+"";
}
timeString=xfile+hours+minutes+seconds;
Clock.innerHTML=timeString;
window.setTimeout("tick();",100);
}
window.onload=tick;
</script>
<divid="Clock"style="font-size:20;color:#000000"></div>
根据不同的时间显示不同的问候语
方法：在主页中你需要的地方加入以下代码：
<scriptlanguage="LiveScript">
now=newDate(),hour=now.getHours()
if(hour<6){document.write("明天不用上班了吗?")}
elseif(hour<8){document.write("全新的一天!")}
elseif(hour<12){document.write("早安!")}
elseif(hour<14){document.write("外面太阳大吗？")}
elseif(hour<18){document.write("午安!")}
elseif(hour<22){document.write("晚上好!")}
elseif(hour<24){document.write("夜深了!要注意身体呀!祝你做个好梦!")}
//-->
</script>
说明，可以自行修改出更好更多的问候语！
一个很酷的透明时钟代码
方法：在页面中你需要的地方加入下面的代码
<STYLEtype=text/css>
BODY{COLOR:#000000;FONT-FAMILY:"宋体";FONT-SIZE:9pt;LINE-HEIGHT:13pt}
TD{COLOR:#000000;FONT-FAMILY:"宋体";FONT-SIZE:9pt;LINE-HEIGHT:13pt}
A:visited{COLOR:#000080;text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:underline}
.f12{font-size:12px;}
.f13{font-size:14.9px;LINE-HEIGHT:120%}
.f24{font-size:24px;LINE-HEIGHT:120%}
.f14{font-size:14.9px;LINE-HEIGHT:170%}
</STYLE>
<scriptLANGUAGE="javascript">
Zp=670;H='....';H=H.split('');M='.....';M=M.split('');S='......';S=S.split('');Yp=0;Xp=0;Yb=8;Xb=8;d_=12;
ns=(document.layers)?1:0;fCol='222222';sCol='ff0000';mCol='0000ee';hCol='green';if(ns){dgts='123456789101112';
dgts=dgts.split('');for(i=0;i<d_;i++){document.write('<layername=nsDigits'+i+'top=0left=0height=30width=30>
<center><fontface=Arial,Verdanasize=1color='+fCol+'>'+dgts[i]+'</font></center></layer>');}for(i=0;i<M.length;i++)
{document.write('<layername=ny'+i+'top=0left=0bgcolor='+mCol+'clip="0,0,2,2"></layer>');}for(i=0;i<H.length;i++)
{document.write('<layername=nz'+i+'top=0left=0bgcolor='+hCol+'clip="0,0,2,2"></layer>');}for(i=0;i<S.length;i++)
{document.write('<layername=nx'+i+'top=0left=0bgcolor='+sCol+'clip="0,0,2,2"></layer>');}}else{document.write('
<divstyle="position:absolute;top:0px;left:0px"><divstyle="position:relative">');for(i=1;i<d_+1;i++){document.write
('<divid="ieDigits"style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:
10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');}document.write('</div></div>');document.write
('<divstyle="position:absolute;top:0px;left:0px"><divstyle="position:relative">');for(i=0;i<M.length;i++){document.write
('<divid=ystyle="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');}document.write('</div>
</div>');document.write('</div></div>');document.write('<divstyle="position:absolute;top:0px;left:0px">
<divstyle="position:relative">');for(i=0;i<H.length;i++){document.write
('<divid=zstyle="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');}document.write('</div>
</div>');document.write('<divstyle="position:absolute;top:0px;left:0px"><divstyle="position:relative">');for(i=0;i
<S.length;i++){document.write('<divid=xstyle="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'">
</div>');}document.write('</div></div>');}functionclock(){time=newDate();secs=time.getSeconds();sec=-1.57+Math.PI*secs/
30;mins=time.getMinutes();min=-1.57+Math.PI*mins/30;hr=time.getHours();hrs=-1.57+Math.PI*hr/6+Math.PI*parseInt(time.getMinutes
())/360;if(ns){Yp=window.pageYOffset+window.innerHeight-60;Xp=80;}else
{Yp=document.body.scrollTop+window.document.body.clientHeight-60;Xp=document.body.scrollLeft+60;}if(ns){for(i=0;i<d_;++i)
{document.layers["nsDigits"+i].top=Yp-5+40*Math.sin(-0.49+d_+i/1.9);document.layers["nsDigits"+i].left=Xp-15+40*Math.cos(-0.49
+d_+i/1.9);}for(i=0;i<S.length;i++){document.layers["nx"+i].top=Yp+i*Yb*Math.sin(sec);document.layers
["nx"+i].left=Xp+i*Xb*Math.cos(sec);}for(i=0;i<M.length;i++){document.layers["ny"+i].top=Yp+i*Yb*Math.sin(min);document.layers
["ny"+i].left=Xp+i*Xb*Math.cos(min);}for(i=0;i<H.length;i++){document.layers["nz"+i].top=Yp+i*Yb*Math.sin(hrs);document.layers
["nz"+i].left=Xp+i*Xb*Math.cos(hrs);}}else{for(i=0;i<d_;++i){ieDigits[i].style.pixelTop=Yp-15+40*Math.sin(-0.49+d_+i/
1.9);ieDigits[i].style.pixelLeft=Xp-14+40*Math.cos(-0.49+d_+i/1.9)+Zp;}for(i=0;i<S.length;i++){x
[i].style.pixelTop=Yp+i*Yb*Math.sin(sec);x[i].style.pixelLeft=Xp+i*Xb*Math.cos(sec)+Zp;}for(i=0;i<M.length;i++){y
[i].style.pixelTop=Yp+i*Yb*Math.sin(min);y[i].style.pixelLeft=Xp+i*Xb*Math.cos(min)+Zp;}for(i=0;i<H.length;i++){z
[i].style.pixelTop=Yp+i*Yb*Math.sin(hrs);z[i].style.pixelLeft=Xp+i*Xb*Math.cos(hrs)+Zp;}}setTimeout('clock()',50);}
if(document.layers||document.all){window.onload=clock;}
window.onload=clock;
</script>
|
