時間になったら自動更新する方法。

[新着] Webテンプレートを仮オープンしました



0   名前: エース : 2007/07/09(月) 19:26  ID:5aP.np.S sub-By
初めまして。
掲示板で質問することが初めてのため間違いなどがございましたらご指摘願います。

現在、カレンダーを作成しております。
毎月1日になると自動的に画像を替える作りにする予定です。
月ごとの画像変換は設置できたのですが、今の段階では自分で更新ボタンを押さないと変わらない作りになっております。

毎月1日になったら自動更新(リフレッシュ)するにはどのようなJavascriptを組み込めば良いでしょうか?

宜しくお願い致します。



現在作成しているのはこちらになります(画像変換のみです)

<SCRIPT LANGUAGE="JavaScript">
<!--
var te = new Array(
"bottom/1.jpg",
"bottom/2.jpg",
"bottom/3.jpg",
"bottom/4.jpg",
"bottom/5.jpg",
"bottom/6.jpg",
"bottom/7.jpg",
"bottom/8.jpg",
"bottom/9.jpg",
"bottom/10.jpg",
"bottom/11.jpg",
"bottom/12.jpg");

document.body.style.backgroundImage = 'URL('+te[(new Date().getMonth())]+')';
//-->
</SCRIPT>

<style type="text/css">
<!--
body{
background-attachment:fixed;
background-repeat:no-repeat;
background-position:right bottom;
}
-->
</style>
</body>



1   名前: 匿名 : 2007/07/09(月) 19:26  ID:DER3bIxB sub-Cz
『自動的に』の意味がイマイチ分かりません。ページを開いたままでいると自動的にということですか?


× <script language="JavaScript">
△ <script type="text/javascript">

# style 要素には正しく type 属性を使っているのに、未だに language 属性を書く人が後を絶たないのは何故なんでしょう。
# style 要素の直後に </body> があるのも、何だか不安を感じます。

2   名前: エース : 2007/07/09(月) 19:26  ID:5aP.np.S sub-By
ご迷惑をおかけしてしまい申し訳ございません。

「自動的に更新」についてですが、
新しい月になったと同時にブラウザ更新(Reload)をかけたいと思っています。

やり方としては、現在の時刻を取ってきて、月が替わったら更新するようにしたいのですが可能なのでしょうか?

3   名前: 匿名 : 2007/07/09(月) 19:26  ID:DER3bIxB sub-Cz
ですから、それは「ページを開きっ放しの状態で、月が変わったら」ということですか?まあ、いずれにせよ setInterval() で検索してみて下さい。

また、リロードする必要があるのですか?document.body.style.backgroundImage を書き換えれば、ブラウザが適当なタイミングで(大抵は瞬時に)変更してくれます。必要ならばカレンダーの書き換えもその場で可能です。

# 実際問題として、何の前触れもなく勝手にリロードされては、利用者としてはたまったものではないと思いますが。

一覧へ戻る