AM．ＰＭ時計

サンプル

<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
var delay = 1000
var timerId
var flash = true
var clockDisp = null
var amPm = null
var i = 0
function clock() {
if (i <= 300) {
i++
now = new Date()
theHour = now.getHours()
theMin = now.getMinutes()
amPm = ((theHour < 12) ? " am" : " pm")
theHour = ((theHour >= 12) ? theHour-12 : theHour)
clockDisp = " " + ((theHour < 10) ? " " : "") + theHour
clockDisp += ((flash == true) ? ":" : " ")
clockDisp += ((theMin <10) ? "0" : "")
clockDisp += theMin + amPm
document.clock.elements[0].value = clockDisp
flash = !flash
timerId = setTimeout("clock()", delay)
} else {
clearTimeout(timerId)
document.clock.elements[0].value = ""
}
}
</SCRIPT>
</HEAD>

<FORM NAME="clock">現在の時刻：<INPUT TYPE=TEXT SIZE=10></FORM>

<FORM NAME="clock">現在の時刻：<INPUT TYPE=TEXT SIZE=10></FORM>を表示させたい場所に記述。
ちなみに、２４時間方式での表示はこちらです。

コピーペーストしてこちらですぐにテストできます。