No.1ベストアンサー
- 回答日時:
どういうシテュエーションかがよく理解できていませんが…
「決められた時間」がマーカーごとに違うとするなら、まず、その残り時間をajaxなどで取得する必要があります。
あるいはHTMLの出力時に、(可変)データとして埋め込んでおけばajaxの必要はなくなりますが、マーカーの数が非常に多い場合はajaxのほうが便利かもしれません。
あとはローカルのタイマーを利用してその残り時間をカウントダウンすればよさそう。
残り時間を取得するには、マーカー毎の基準時がどこかにデータ化されていて、それをもとに計算することになりますが、いずれにしろサーバー側での処理が必要になるので、使用する言語とデータの保存方法(データベースなど)にもよることになります。
スクリプトからのajaxリクエストは、普通に「ajax」で検索すれば方法は見つかると思います。
データを先に出力しておく方式をとるなら、HTMLを読み込んだ時のローカルPCの時間を最初に取得しておいて、ページ表示からの経過時間とデータ(当初の残り時間)から表示すべき残り時間を計算するようにすればよいでしょう。
この方法の場合はajaxは不要ですが、HTMLの出力自体をサーバ側のプログラム(CGIなど)で行なうことになります。
マップのinfoWindowの制御方法やそのcontentの表示・変更方法については、googlemapsのapiのドキュメントに出ています。
https://developers.google.com/maps/documentation …
カウントダウンタイマーの考え方は、検索すればたくさん見つかるはず。
何を最初のデータにするかによって、具体的な計算方法は若干変わる可能性がありますが、考え方はほぼ同じでいけるはずです。
(ローカルPCの経過時間だけを利用して、時刻の設定には頼らないロジックにしておく方がよいと思います。)
http://www.bing.com/search?srch=105&FORM=AS5&q=% …
後は、これらを組み合わせればできあがり?
あっと、あと、infoWindowが閉じられた時に、タイマーが自動的に停止するようにしておく必要がありそうに思います。
(そうでないと、無駄に動きっぱなしになる可能性がある)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- Google Maps Googleマップに投稿された画像を自身のホームページやブログ等で使用してよいでしょうか? 1 2023/02/14 00:28
- Chrome(クローム) Chromeでgooglemap検索等結果が他国になってしまう 1 2022/10/05 12:18
- 電子マネー・電子決済 PayPayについて。 始めたばかりで使い方が分からず、支払う訳でもないのに、何回もバーコードの所を 3 2023/02/03 19:36
- Chrome(クローム) 【Google】「同期は有効です」と表示されているがブックマークが同期されていない 2 2022/11/17 13:32
- Google Maps Google map 外部サイトによってピンが発生、消去出来ない 3 2022/08/06 23:16
- Google Maps Google マップの特定の場所を指定した情報を保存し、他の人に送る方法を教えて下さい。 2 2022/05/23 21:08
- Google Maps Googleマップを使っているのですが、 行き先を、今までは電車、自転車、車などと選べたのですが。 1 2022/07/04 16:32
- Google Maps Googleマップの口コミについて。 Googleマップの口コミを書きたいのですが、自分のプロフィー 2 2023/05/23 09:48
- 遊園地・テーマパーク 8月に初めてUSJに行く予定です。 表示したエクスプレスパスを取ろうと考えているのですが、大人、子ど 2 2022/06/30 01:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
カーソルの動きに合わせてDBか...
-
Ajaxでpostした内容のresponse...
-
HTMLでリアルタイムグラフを作...
-
データ受け渡しについて
-
セレクトボックスのHTMLを教え...
-
【JavaScript】confirmのボタン...
-
ローカル用HTMLファイルの安全...
-
リンクを押すとEXEファイルを実...
-
saved from url=(0013)abou
-
外部プログラム実行時の戻り値
-
wininet.dllのInternetOpenの同...
-
HTMLでDBからデータを表形式で...
-
JK-FFを使う非同期10進・2進カ...
-
subversionでコミットしたらftp...
-
非同期通信を使うタイミングが...
-
ASP.NET(VB)VBソースからJavas...
-
JQuery サーバー上にアップする...
-
Javadcriptでwebサーバー側にあ...
-
[JavaScript] preven...
-
HTMLファイルにテキストファイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
大量のデータを表として展開す...
-
データ受け渡しについて
-
Response.Write(変数)
-
ajaxでhtmlを返して画面に描画…...
-
Ajaxで最新の情報が取得できない
-
HTMLでリアルタイムグラフを作...
-
【Ajax】改行を含めたデータを...
-
jquery serializable値取得
-
innerHTMLで表示完了後に、Ajax...
-
Ajaxでpostした内容のresponse...
-
Jqueryのキャッシュについて
-
JavaScript側でのXML作成の方法
-
AjaxでDBと連携した動的リスト...
-
先にダウンロードダイアログを...
-
jQueryの$.postの戻り値による...
-
チャットを作る
-
カウントダウンを表示
-
ローカルネットワーク内での502...
-
【JavaScript】confirmのボタン...
-
HTMLでDBからデータを表形式で...
おすすめ情報