| ポイント |
<![CDATA[
today = new Date();
xday = new Date(y,m-1,d);
dayMS = 24*60*60*1000;
n = Math.floor((xday.getTime()-today.getTime())/dayMS)+1;
n += "";
for (i=0; i<n.length; i++) document.write("<img src='img/"+n.charAt(i)+".gif'>");
xDay(2001,2,5);
]]>
|
| 説 明 |
指定日までの残り日数は、new Date()を使い指定日と現在の日付オブジェクトを作成し、差分を求めます。差分はミリ秒となるため差分を1日のミリ秒(24時間×60分×60秒×1000ミリ秒=86400000)で除算します。残り日数を画像で表示するにはforを使ってdocument.write()でimgタグごと出力を行います。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>指定日までの残り日数を画像で表示する</title>
<script language="JavaScript"><!--
function xDay(y,m,d)
{
today = new Date();
xday = new Date(y,m-1,d);
dayMS = 24*60*60*1000;
n = Math.floor((xday.getTime()-today.getTime())/dayMS)+1;
n += "";
for (i=0; i<n.length; i++) document.write("<img src='img/"+n.charAt(i)+".gif'>");
}
// --></script>
</head>
<body>
2002年2月15日まで、あと
<script language="JavaScript"><!--
xDay(2002,2,15);
// --></script>
日
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
指定日までの残り日数を画像で表示する