javascriptはど素人です。

質問

毎日変わる日めくりカレンダーを作りたいです。

１月～１２月の画像
１日～３１日の画像と
日曜日～土曜日までの画像を作成したのです。

これをjavascriptでやろうといきごんでいたのですが・・・。
途中まできて頭がパにっくです！！

テキストでの説明などは
ググって理解できたのですが
画像で毎日毎月かわるといった
ことがわからないので
教えていただければと・・・・

何とぞよろしくお願い致します。

回答No.2

LancerVII · ベストアンサー

こんにちは。

>vardate= new Date();
>var year= date.getYear();
>var month= date.getMonth();
>var today= date.getDate();
>とか・・・。

この部分はここでやっています。

imgM.src = "m" + (date.getMonth() + 1) + ".jpg";
imgD.src = "d" + date.getDate() + ".jpg";
imgW.src = "w" + date.getDay() + ".jpg";

コメントを入れておくので動きを追ってみてください。

window.onload = function() {
// onLoadイベント(ページのロードが終了したとき)
// setImageを1秒毎に呼び出すように設定(1000ミリ秒)
window.setInterval(setImage,1000);
};

function setImage() {
// 月画像の要素を取得
var imgM = document.getElementById('img-m');
// 日画像の要素を取得
var imgD = document.getElementById('img-d');
// 曜日画像の要素を取得
var imgW = document.getElementById('img-w');
// 日付オブジェクトを取得
var date = new Date();
// 月画像の要素のsrcをm(取得した月+1).jpgに変更
// (月は0～11の為)
imgM.src = "m" + (date.getMonth() + 1) + ".jpg";
// 日画像の要素のsrcをd(取得した日).jpgに変更
imgD.src = "d" + date.getDate() + ".jpg";
// 曜日画像の要素のsrcをw(取得した曜日の数値).jpgに変更
// (曜日数値とは0:日曜日 1:月曜日 ・・・・・ 6:土曜日)
imgW.src = "w" + date.getDay() + ".jpg";
// 上記を実行することによりその日の画像に変更される
// これを1秒毎に呼び出しているので日付が変われば変更される
}

お礼

なるほどっ！！！
すごいですね！！！
ありがとうございます！！！

本当に。ありがとうございますっ！

ちゃんと。やってみます★

回答No.1

LancerVII

こんにちは。

すごく簡単に書くと下記のような感じになると思います。
応用してみてください。
月の画像はm1.jpg～m12.jpgを想定
日の画像はd1.jpg～d31.jpgを想定
曜日の画像はw0.jpg～w6.jpgを想定
(日曜日がw0.jpgで土曜日がw6.jpgです)

==== JavaScript
<script type="text/javascript">
window.onload = function() {
window.setInterval(setImage,1000);
};

function setImage() {
var imgM = document.getElementById('img-m');
var imgD = document.getElementById('img-d');
var imgW = document.getElementById('img-w');
var date = new Date();
imgM.src = "m" + (date.getMonth() + 1) + ".jpg";
imgD.src = "d" + date.getDate() + ".jpg";
imgW.src = "w" + date.getDay() + ".jpg";
}
</script>

==== HTML
<img src="" id="img-m" />
<img src="" id="img-d" />
<img src="" id="img-w" />

お礼

本当に、ありがとうございます。

これだけで、ひょうじされるのですかね？？？
このほかに、記述はいらないんですかね？

var date = new Date();
var year = date.getYear();
var month = date.getMonth();
var today = date.getDate();
とか・・・。

すみません。