| ポイント |
<![CDATA[
function dispText()
{
document.getElementById("myText").innerText = "OK?";
}
<body onLoad="setTimeout('dispText()',1000*3)">
]]>
|
| 説 明 |
指定時間後にメッセージを表示するにはdivタグなどで表示する文字の位置などを設定しておきます。ページが読み込まれるとonLoadイベントが発生するのでbodyタグにonLoadイベントが発生したらsetTimeoutを使って指定時間後に文字を表示する関数を呼び出します。呼び出された関数側ではdocument.getElementById("divタグに付けたID名").innerTextで表示する文字を指定します。Internet Explorer 4にも対応させるにはdocument.all("divタグに付けたID名").innerTextとします。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ページが表示されてから3秒後にメッセージを表示する</title>
<script Language="JavaScript"><!--
function dispText()
{
document.getElementById("myText").innerText = "OK?";
}
// --></script>
</head>
<body onLoad="setTimeout('dispText()',1000*3)">
ページが表示されてから3秒後にメッセージを表示します。<br>
<br>
<div id="myText">
</div>
</body>
</html>
]]>
|
| 補足説明 |
Mac版のSafariでも動作します。Mac版のOpera 6.05では動作しません。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ページが表示されてから3秒後にメッセージを表示する