关闭

倒影时钟

319人阅读 评论(0) 收藏 举报

倒影时钟

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

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2253次
    • 积分:60
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档