
No.4ベストアンサー
- 回答日時:
サーバ時刻については既に回答があるみたいなので…
ローカル時刻で実行するサンプルを。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>test</title>
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body>
<div>
<img id="target" src="A.jpg" alt="A">
</div>
<div id="res"></div>
<script type="text/javascript">
<!--
(function() {
var schedule = "10:00"; // ←指定時刻
var target = "target" // ←対象の画像要素のid
var targetSrc = "B.jpg"; // ←取替え後の画像アドレス
var interval = 10 * 1000; // ←確認する時間のピッチ(10秒)
var now = new Date();
schedule = schedule.split(":");
var h = +schedule[0] || 0;
var m = +schedule[1] || 0;
var s = +schedule[2] || 0;
now.setHours(h), now.setMinutes(m), now.setSeconds(s);
(function R(){
if ((new Date()) - now > 0) {
document.getElementById("target").src = targetSrc;
} else {
setTimeout(R, interval);
}
})();
})();
//-->
</script>
</body>
</html>
No.3
- 回答日時:
さ~ば~のじかんなら・・でもてきとうだな~
var getUTCDateByServer = function ( ) {
try {
var req = new XMLHttpRequest;
var sa, time, time0, time1;
req.open( 'HEAD', '#', false );
time0 = new Date;
req.send( null );
time1 = new Date;
sa = time1 - time0;
time = new Date( req.getResponseHeader( 'Date' ) );
time.setMilliseconds( time.getMilliseconds() - (sa / 2 |0) );
return time;
}
catch ( err ) { return false; }
};
No.2
- 回答日時:
ページをずっと何もせずに眺めていても、時間がきたら画像が勝手に変わるようにしたいという事ですか?
タイマーで何秒か毎に指定した時間かどうかをチェックしておけばいけるのではないでしょうか。
やらないといけないこととしては
・何秒か毎にある関数を呼ぶタイマーを設定
・日時分の取得
・指定した日時分と比較
・画像を入れ替える処理(srcの書き換え)
・サーバー上から日付と時間を取得(Ajaxとかでできそうです)
ここら辺を調べてできるようになれば作れると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
WEBページ立ち上げ時に1回のみ...
-
JavaScriptとチェックボックス...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
表と裏がある1枚の画像を回転す...
-
JavaScript スライドの画像にリ...
-
画像をフォルダに入れれば表示...
-
複数画像をクリックで入れ替え(...
-
曜日と時間を指定して表示画像...
-
MAX関数を使ってからLEFT JOIN...
-
プルダウンとチェックボックス...
-
window.openで値の渡し方を教え...
-
jspでcssが読み込めない
-
JSPでの画像ファイル表示
-
ボタンを押すたびに交互に切り...
-
画像をクリックすると音が鳴り...
-
jQueryで同じクラス名のものを...
-
画像をフェードアウト&フェー...
-
OpenCVの実行エラー
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
画面の表示位置を指定させて表...
-
強制的に読み込み完了とする方...
-
textareaに画像を表示したい
-
<table>、もしくは<iframe>内で...
-
【java】背景画像を一定時間で...
-
ページ読込中に表示が崩れるの...
-
画像ランダム表示、しかしダブ...
-
マウスカーソルを画像や文字に...
-
bxsliderにて読み込み後に内容...
-
画像をクリックしてその地点の...
-
jQueryで特定のURLの時のみ表示
-
小さなウィンドウ
-
透過pngの透明部分以外をクリッ...
-
プルダウンの位置がwin/macでず...
-
スライドショーにコメントを入...
-
「画像の上を流れる文字列」を...
-
JavaScript スライドの画像にリ...
-
画像の重なりの順序を代える方...
-
複数の画像を先に読み込ませ表...
おすすめ情報