AJAXのお勉強

時計を表示(JavaScript)@AJAX

JavaScriptで時計を表示します。

時計を表示するメソッドを作成します。
時刻は、Dateで取得できるので、Dateを生成します。

Dateを文字列に置換します。
toLocaleStringを利用します。
ローカル時刻の文字列に変換してくれます。
変換した文字列を、表示します。

再度、インターバルを設けて時計を表示するメソッドを呼び出します。

あとは、ロード時に作成したメソッドを実行するように設定します。
(bodyタグの、onLoad)


<html>
<head>
<title>JavaScript 時計</title>
<script type="text/javascript">
<!--

function dispWatch(){

    //Dateを生成
    var sysDate = new Date();

    //ローカル時刻の文字列に変換
    var sysDateStr = sysDate.toLocaleString();

    //DIVタグに表示
    document.getElementById("dispDiv").innerHTML = sysDateStr;

    //インターバル(1000ms)を設定して、再度dispWatchを呼び出す
    setTimeout("dispWatch()", 1000);
}

// -->
</script>
</head>

<!-- ロード時に、dispWatchを実行 -->
<body onLoad="dispWatch()">

<!-- 時計を表示する領域 -->
<div id="dispDiv">
</div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.