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

リアルタイム時間の表示

機能

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

利用方法

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

対応ブラウザ

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]