年月日を表示(イメージ版) MENU
2026/03/09日に修正
「document.write()」が非推奨となったので、
「document.getElementById("xxxx").value = "?????"」に変更した。


Source
<HTML lang="ja">
<HEAD>
<TITLE>JavaScript</TITLE>
<STYLE TYPE="text/css">
 #idymd {
     color              #0000ff;
     font-size:         18px;
     font-weight:       bold;
 }
</STYLE>
<SCRIPT>
 let wimg   = new Array("0.GIF","1.GIF","2.GIF","3.GIF","4.GIF","5.GIF","6.GIF","7.GIF","8.GIF","9.GIF")
 let wkmsg  = "今日は".fontsize(4).fontcolor("#0000ff").bold();
 let date1= new Date();
 function disp() {
     text = date1.getFullYear().toString();
     wkmsg += "<img src='img/" + wimg[Number(text.substr(0,1))] + "'>";
     wkmsg += "<img src='img/" + wimg[Number(text.substr(1,1))] + "'>";
     wkmsg += "<img src='img/" + wimg[Number(text.substr(2,1))] + "'>";
     wkmsg += "<img src='img/" + wimg[Number(text.substr(3,1))] + "'>";
     wkmsg += "年".fontsize(4).fontcolor("#0000ff").bold();
     text = (date1.getMonth()+1 < 10) ? "0" + (date1.getMonth()+1).toString() : (date1.getMonth()+1).toString();
     wkmsg += "<img src='img/" + wimg[Number(text.substr(0,1))] + "'>";
     wkmsg += "<img src='img/" + wimg[Number(text.substr(1,1))] + "'>";
     wkmsg += "月".fontsize(4).fontcolor("#0000ff").bold();
     text = (date1.getDate() < 10) ? "0" + date1.getDate().toString() : date1.getDate().toString();
     wkmsg += "<img src='img/" + wimg[Number(text.substr(0,1))] + "'>";
     wkmsg += "<img src='img/" + wimg[Number(text.substr(1,1))] + "'>";
     wkmsg += "日".fontsize(4).fontcolor("#0000ff").bold();
     elements = document.getElementById('idymd').innerHTML=wkmsg;
 }
</SCRIPT>
</HEAD>
<BODY onLoad="disp()">
<center>
<div id='idymd'></div>
</BODY>
</HTML>