• 締切済み

現在時刻の表示と割り込み処理

ホームページを作成しようと思います。（初心者です。） ホームページ上で、デフォルトで現在時刻と対応した数値画像を所定の画像上に表示させ、訪問者がマウスでそのページ上のボタンをクリックする等のイベントが発生したら、その画像を置いた同じ場所に別の画像を一定時間配置し、その後押されたボタンに対応したページに切り替わるという一連の動作をさせたいです。（意図が伝わったでしょうか、、） 参考になる解説ページを教えていただけるだけでもありがたいです。

  • me48
  • お礼率0% (0/1)
  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • sh_hirose
  • ベストアンサー率66% (56/84)
回答No.1

やるとしたらJavaScriptを使用しないといけません。 簡単に作成しました。 こんな感じになると思います。 （テストをしていないので、細かな修正は行ってください。） <html> <head> <title>sample</title> <script type="text/javascript"> // <!-- var images[] = {"0.jpg", "1.jpg", "2.jpg", "3.jpg", ・・・}; var flg = false; // 現在時刻の取得 function timer() { var date = new Date(); // 時 var hour = date.getHours(); if( hour.length = 1 ) { window.document.getElementById("HOUR1").src = images[0]; window.document.getElementById("HOUR2").src = images[hour]; } else { window.document.getElementById("HOUR1").src = images[hour.substring(0, 1)]; window.document.getElementById("HOUR2").src = images[hour.substring(1)]; } // 分 var minute = date.getMinutes(); ・ ・ ・ if( flg == false ) { setTimeout(timer, 500); } } function buttonOnclick() { flg = true; window.document.getElementById("IMAGE").innerHTML = "<img src='sample.jpg'/>" // 時間でループ（以下は一分後に遷移） var date = new Date(); while( date.getMinutes() + 1 > new Date().getMinutes() && date.getSeconds() > new Date().getSeconds()) { } location.href = "http://・・・"; // または for( var i = 0; i < 10000000; i++ ) { } location.href = "http://・・・"; } --> </script> </head> <body onload="timer();"> <div id="IMAGE"><img id="HOUR1"/><img id="HOUR2"/><img src="koron.jpg"/><img id="MINUTES1"/>・・・</div> <input type="button" value="ボタン" onclick="buttonOnClick();"/> </body> </html>

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • web上で現在価格を表示させる方法

    web上で指定した時間に現在の価格から一定数値を引いて表示させる 方法はないでしょうか？ －－－－－－－－－－－－－－－－－－－－－ 2013/01/10　21：00　の現在価格は　　100,000円 －－－－－－－－－－－－－－－－－－－－－ のように時刻は現在時刻を表示させ、価格は例えば3時間ごとに 1,000円下がっていく感じで、10000円になったらストップするイメージです。 JavaScriptなのか、cronで定期実行させないといけないのか 色々調べてみましたが自己解決できませんでした。 当方は全くの初心者で、ホームページ作成に以上の機能を載せてみたく ご質問させていただきました。 htmlとｃｓｓでのホームページ作成は出来ます。 何卒ご教授願います。

  • phpで訪問者のコメントを表示させる

    ホームページ上に画像があって、その下に訪問者のHNと画像への評価(◎○△×)とコメントを表示させたいです。 訪問者はHNとコメントを入力し評価をラジオボタンで選択し、送信するとページに反映されるだけのphpです。 そのようなサンプルを配布しているサイトはないでしょうか？

    • ベストアンサー
    • PHP
  • HPBの画像処理方法について困ってます＞＜

    HPBの画像処理方法について困ってます＞＜ HPB１２「標準モード」でフレームページを作成しているのですが 　　　　　上に壁紙のようなTOP画像下にボタンメニューの設置を考えています。 そのような感じで配置したところ２つ質問をしたいのですが； 下のボタンメニューが [ボタン][ボタン][ボタン][ボタン][ボタン] のようにしたいのですが [ボタン][ボタン][ボタン][ボタン] [ボタン] このようにずれてしまいます； もうひとつはフレームページの境界線をなしにしたのですが、 　　TOP画像 -------------- 　　　　　　　　　　　　　←このような隙間がひらいてしまいます； □　　　　　　□ 　　ボタン □　　　　　　□ 何か対処できる方法があればよろしくおねがいします＞＜；

    • 締切済み
    • CSS
  • python ブラウザに表示しているテキストボックスに書き込むには

    python2.6 に於いて、ブラウザ上に表示しているテキストボックスに、所定の文字列を書き込みたいと思います。 また、ブラウザ上に表示しているボタンを押下(イベントを発生)させるには、どうしたらいいですか? 参考になりそうなWebページなどを、教えて下さい。 よろしくお願いします。

  • ホームページ　常にトップページが表示される。

    ホームページビルダーVer.13で会社のホームページを作成しました。 アップが終わり、google等で色々検索してみたところ、 ヒットはするものの検索内容に関係なく、常にトップ(index.html)を表示します。 出来れば、検索内容にあったページを直に開くようにしたいのですが、 どうすればよいでしょうか？ （例えば、検索項目を「(株)あああ　採用」とした場合、採用のページを直に開きたい） サイトの構造としては、フレームは使用しておらず、 トップページ以下全てのページに相互リンク（ボタン）を張っています。 リンクはファイル名を指定して設定しています。 こんな感じです。 index.html（トップページ）　…　会社情報ページへリンクのボタンを配置 　　　　　　　　　　　　　　　　採用情報ページへリンクのボタンを配置 information.html（会社情報ページ）　…　トップページへリンクのボタンを配置 　　　　　　　　　　　　　　　　　　　　採用情報ページへリンクのボタンを配置 recruit.html（採用情報ページ）…　トップページへリンクのボタンを配置 　　　　　　　　　　　　　　　　　会社案内ページへリンクのボタンを配置 リンクの張り方をファイル名の指定からURLの指定に変更すればよいのか、 それともそれぞれ別のサイトに分け、すべてのページをindexにし、URLでリンクを張ればよいのか、 色々考えましたが解決に至っていません。 よろしくご指南ください。

  • 背景画像を切り換えるボタンのようなものを探しています

    背景画像を切り換えるボタンのようなものを探しています 自分で調べてはみたのですが見つかるのは時間や曜日ごとに切り換えるものでボタンやリンクを使った背景画像の切り替えがなかったので質問させてもらいました A.jpgとB.jpgを同じ階層に配置してC.htmlというページでボタンやリンクなどを使って訪問者が切り換えられるようにしたいです 分かりにくくて申し訳ありませんがよろしくお願いします

  • ホームページビルダーの場合の操作方法

    ホームページの新しいページを作る際、ページの題名や画像、メニューボタンなど すべてのページにおいて共通な部分を毎回、白紙のページから配置したりするのが 大変わずらわしく困っています。 そこで質問です。このように新しいページを作る際、上述しましたすべてのページに おいて共通な部分をはじめから配置してあるような方法はないのでしょうか？ 教えてくださいお願いします。

  • 画像が表示されない！

    ホームページでweb漫画を連載したいな、と思ったのですが、画像を貼付けると青い四角の中に白いはてなが描いてあるマークが表示されて、アップロードした画像が貼付けられません。 ちなみに私の使っているパソコンはMacintoshで、テキストエディタでファイルを作ってFC2ホームページに取り込みました。どっとうpロダでアップロードしたURLアドレスを画像を貼付けるHTMLタグになぞらえてページを作ったつもりでした。一日目は綺麗にホームページになっているのですが、二日目にホームページを見てみると例のマークがずらりと並んでいます。多分画像の期限切れでしょうが、デフォルトページに行くと「画像の直リンクの所為で凍結している可能性」などと言われて、わけがわかりません。中学生にもわかりやすく回答してくださる方がいましたら回答お願いします＞＜

    • ベストアンサー
    • Mac
  • ホームペジビルダーにflashを入れましたがすぐに始まってしまいます

    　ホームページビルダー(V11)で、作ったflash動画を入れ、無事動きましたが、作ったページを開くと同時に画像が始まってしまいます。これを何かのボタンを配置して、それをクリックしてからflash動画が始まるということをすることは可能でしょうか。　

  • 一定箇所に表示される画像について

    ホームページのトップページで、サイトを立ち上げた際に 一定箇所で固定される画像（サブページ）を作りたいのですが どう作ったらいいかわからず困っています。どなたか知ってらっしゃる 方がいましたらご指導下さい。下記は参考サイトです。 来場予約ができる画像が一定箇所にでています。 http://www.pf-yamate.com/

    • 締切済み
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する