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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- その他(Microsoft Office) 複数の写真を1枚に印刷 5 2023/05/05 22:41
- Excel(エクセル) Excel 同一セル内 年、日 入れ替え 5 2022/04/09 01:48
- Excel(エクセル) エクセルのマクロについて教えてください。 3 2023/02/07 14:47
- WordPress(ワードプレス) ホームページの画像が入れ替わらない 3 2022/12/24 16:00
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- LINE スマホを替えてから、LINEの画像が表示されなくなりました 1 2022/10/04 13:41
- Excel(エクセル) Excelシフト表 固定シフトの自動変換化 1 2022/04/14 16:10
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Excel(エクセル) EXCELマクロでandroidタブレットから取りんだJPEGファイルをうまくセルに貼り付けられない 2 2022/07/31 15:03
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
textareaに画像を表示したい
-
【早急】画像入れ替えJavaScrip...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
キャッシュされた画像を使わず...
-
透過pngの透明部分以外をクリッ...
-
JAVASCRIPTでアクセス毎に画像...
-
javascriptテキストBOX色を元に...
-
テキストエリア内の一部の文字...
-
フッターの下に隙間ができてしまう
-
HTMLですCSSです この画像のよ...
-
背景色と連動するスライドショ...
-
スライドショー「Skitter」をカ...
-
web制作(HP作成について教えて...
-
HTMLタグに複数のクラスを設定...
-
スワップイメージのフェード方...
-
アコーディオンメニューが開い...
-
サムネイルにカーソルを合わせ...
-
大量のチェックボックス状態取...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報