SITEMAP [初めてのホームページ講座] [JavaScript , DHTML] [リアルタイム時間の表示]

Dynamic HTMLの参考書 Java Scriptの参考書

リアルタイム時間の表示

機能

テキストボックスにリアルタイムで時間を表示するスクリプトです。 表示する日付は、カスタマイズされています。

利用方法

表示したい部分にスクリプトを挿入します。

対応ブラウザ

IE3,NN3以上

サンプル

サンプルを見る] [ダウンロード

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<TITLE>リアルタイム時間の表示</TITLE>

</HEAD>

<BODY>

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
document.write("<FORM NAME='clock'><INPUT TYPE='text' NAME='clock_box' SIZE=20></FORM>");
ClockDisplay();

function ClockDisplay(){
	var d_Now = new Date();
	var d_Hour = d_Now.getHours();
	var d_Min = d_Now.getMinutes();
	var d_Sec = d_Now.getSeconds();

	if(d_Hour < 10){
		d_Hour = "0"+d_Hour;
	}
	if(d_Min < 10){
		d_Min = "0"+d_Min;
	}
	if(d_Sec < 10){
		d_Sec = "0"+d_Sec;
	}

	document.clock.clock_box.value = d_Hour+"時"+d_Min+"分"+d_Sec+"秒";
	setTimeout("ClockDisplay()",1000)
}
// -->
</SCRIPT>

</BODY>
</HTML>
[Go To Top]

Copyright(C)1998 T.Miyazaki , All Rights Reserved.