倒影时钟

倒影时钟

< 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 >