Web Developer's Room
HOME > JavaScript講座 > 現在の時刻を表示する 　　　　

現在の時刻を表示する

日付にはDate()を使用し、newで宣言します。
現在時刻はtoLocaleString()で取得できます。

使用例
<html>

<script language="Javascript">
<!--
function timetest() {
　　　　d = new Date();
　　　　document.all.text1.value = d.toLocaleString();
}
-->
</script>

<body onload="timetest()">
<input type="text" name="text1" size=40>
</body>
</html>

【説明】
bodyのonloadでtimetest(関数)を呼びだします。
textボックスに現在の時刻を表示します。

 サンプル

さらにその時刻を１秒おきに表示してみます。

<html>

<script language="Javascript">
<!--
function timetest() {
　　　　d = new Date();
　　　　document.all.text1.value = d.toLocaleString();
　　　　window.setTimeout("timetest()", 1000);
}
-->
</script>

<body onload="timetest()">
<input type="text" name="text1" size=40>
</body>
</html>

【説明】
setTimeoutを使って、指定した経過時間後(ﾐﾘ秒)に指定した関数を実行します。ここでは1000ﾐﾘ秒後にtimetest()を実行しています。

 サンプル

関連リンク
  • JavaScriptとは
  • JavaScriptを書く
  • 関数を作る
  • 関数を作る(戻り値を指定する)
  • 関数を作る(引数を指定する)
  • 変数を宣言する
  • コメントを書くには
  • 配列を使うには
  • JavaScriptで文字を表示する
  • JavaScriptの外部ファイル
  • JavaScriptでWindowを操作する(1)
  • JavaScriptでWindowを操作する(2)
  • JavaScriptでWindowを操作する(3)
  • JavaScriptでWindowを操作する(4)




    • スポンサードリンク

    (C) Web Developer's Room All rights reserved.