?? 4-1.htm
字號:
<style type="text/css">
<!--.time{font-family : Comic Sans Ms;
font-size : 14pt;font-weight : bold;color: #00008D;}-->
</style><style type="text/css"><!-- .time{
font-family : Comic Sans Ms;font-size : 14pt;
font-weight : bold;color: #00008D;}-->
</style>
<script Language="JavaScript">
var ctimer;
function init(){<!--初始化-->
if (document.all){
<!--將第二個時間得左側與第一個時間的左側對齊-->
tim2.style.left=tim1.style.posLeft;
<!--第二個時間在第一個時間的下方-->
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
<!--調用settimes()函數-->
settimes();
}
}
function settimes(){
var time= new Date();<!--獲取當前日期-->
hours= time.getHours();<!--獲取當前時間-小時-->
mins= time.getMinutes();<!--獲取當前時間-分鐘-->
secs= time.getSeconds();<!--獲取當前時間-秒-->
if (hours<10)<!--如果小時僅有一位，在前面補零-->
hours="0"+hours;
if(mins<10)<!--如果分鐘僅有一位，在前面補零-->
mins="0"+mins;
if (secs<10)<!--如果秒僅有一位，在前面補零-->
secs="0"+secs;
<!--設置tim1和tim2的格式-->
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
<!--每0.96秒更新一次時間-->
ctimer=setTimeout('settimes()',960);
}
</script>
<body onLoad="init()">
<div Id="tim1" Style="position:absolute; width:10; height:10; top:10; left:50"
class="time"></div><div Id="tim2"
Style="position:absolute; filter:flipv() alpha(opacity=20); font-style:italic"
class="time">
<p> </p>
</div>
</body>
<!--本例程實現了具有倒影的時間-->
<!--兩個時鐘的時間是同步的-->
<!--具有倒影的效果采用了flipv()和alpha()濾鏡組合來實現-->?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -