| 解 説 |
スクロールしても常にウィンドウ右下に時間を表示するようにするページが完全に表示されたら定期的に時刻を表示する関数を呼び出します。常に右下に表示させるにはページのスクロール量を加算した座標を設定します。スクロール量はX方向がdocument.body.clientWidth、Y方向がdocument.body.clientHeightに格納されています。
|
| コード |
<![CDATA[
<html>
<head>
<title>スクロールしても常にウィンドウ右下に時間を表示するようにする</title>
<script language="JavaScript"><!--
function setTime()
{
dt = new Date();
h = dt.getHours();
m = dt.getMinutes();
s = dt.getSeconds();
document.all["myTime"].innerText = h+"時"+m+"分"+s+"秒";
document.all["myTime"].style.top = document.body.scrollTop + document.body.clientHeight- 16;
document.all["myTime"].style.left= document.body.scrollLeft + document.body.clientWidth - 70;
setTimeout("setTime()",1000);
}
// --></script>
</head>
<body onLoad="setTime()">
<div id="myTime" style="position:absolute;width:70px;font-size:9px;background-color:yellow;"></div>
現在時刻が右下に表示されます。<br>
<table border="0" width="320" height="1000">
<tr><td>.</td></tr>
</table>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
スクロールしても常にウィンドウ右下に時間を表示するようにする