倒影时钟
<
html
>
< head >
< title > 倒影时钟 </ title >
< script language =javascript > ...
<!--
function showClock()...{
d = new Date();
hours = d.getHours();
minutes = d.getMinutes();
seconds = d.getSeconds();
clck = (hours>=12)?"下午":"上午";
hours = (hours>12)?hours-12:hours;
hours = (hours<10)?"0"+hours:hours;
minutes = (minutes<10)?"0"+minutes:minutes;
seconds = (seconds<10)?"0"+seconds:seconds;
time = clck + " " + hours + ":" + minutes + ":" + seconds;
time = "<font size='5' face='Arial'><b>" + time + "</b></font>"
myclock1.innerHTML = time;
myclock2.innerHTML = time;
myclock2.style.left = myclock1.style.posLeft;
myclock2.style.top = myclock1.style.posTop + myclock1.offsetHeight;
setTimeout("showClock()",1000);
}
//-->
</ script >
</ head >
< body onLoad ="showClock()" >
< div id = "myclock1" style ="height:20px;left:50;position:absolute;" ></ div >
<!-- 显示倒影的<div>区块 -->
< div id = "myclock2" style ="filter:flipv() alpha(opacity=20);font-style:italic;
position:absolute" > s </ div >
</ body >
</ html >
< head >
< title > 倒影时钟 </ title >
< script language =javascript > ...
<!--
function showClock()...{
d = new Date();
hours = d.getHours();
minutes = d.getMinutes();
seconds = d.getSeconds();
clck = (hours>=12)?"下午":"上午";
hours = (hours>12)?hours-12:hours;
hours = (hours<10)?"0"+hours:hours;
minutes = (minutes<10)?"0"+minutes:minutes;
seconds = (seconds<10)?"0"+seconds:seconds;
time = clck + " " + hours + ":" + minutes + ":" + seconds;
time = "<font size='5' face='Arial'><b>" + time + "</b></font>"
myclock1.innerHTML = time;
myclock2.innerHTML = time;
myclock2.style.left = myclock1.style.posLeft;
myclock2.style.top = myclock1.style.posTop + myclock1.offsetHeight;
setTimeout("showClock()",1000);
}
//-->
</ script >
</ head >
< body onLoad ="showClock()" >
< div id = "myclock1" style ="height:20px;left:50;position:absolute;" ></ div >
<!-- 显示倒影的<div>区块 -->
< div id = "myclock2" style ="filter:flipv() alpha(opacity=20);font-style:italic;
position:absolute" > s </ div >
</ body >
</ html >