ボタンに特殊な内容を表示

年月日・曜日・秒単位の時間をボタンで表示

CSS

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="午前"
if (hours>=12)
dn="午後"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<font color='000000' face='Arial'> "+daym+","+montharray[month]+", "+dayarray[day]+","+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</font>"

if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
window.onload=function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
<style>
button{width:200px;
}
</style>

html