時間によって違う挨拶を表示したい

このQ&Aのポイント
  • ブラウザに表示されない問題の解決方法について知りたい
  • スクリプトの書き方に誤りがあるのか確認したい
  • 正しい挨拶の表示方法を教えてほしい
回答を見る
  • ベストアンサー

時間によって違う文章を出したい

時間によって違う挨拶を表示したかったのですが、いざ書いてみてブラウザに表示してみると何も現れませんでした。この文章どこか間違っていますか? <script type=text/javascript>today=new Date();h=today.getHours();m=today.getMinutes();s=today.getSeconds();document.write(h,"時",m,"分",s,"秒","です--");if((h>5)&&(h<=10)){document.fgColor="#ffffff";document.write("おはようございます");}else if((h>10)&&(h<=17)){document.fgcolor="#ffffff";document.write("こんにちは");else{document.fgcolor="#ffffff";document.write("こんばんは");}</script>

  • ptyou
  • お礼率65% (178/272)

質問者が選んだベストアンサー

  • ベストアンサー
noname#22259
noname#22259
回答No.1

<script type=text/javascript> today=new Date(); h=today.getHours(); m=today.getMinutes(); s=today.getSeconds(); document.write(h,"時",m,"分",s,"秒","です--"); if((h>5)&&(h<=10)){ document.fgColor="#ffffff"; document.write("おはようございます"); } else if((h>10)&&(h<=17)){ document.fgcolor="#ffffff"; document.write("こんにちは"); } //← 抜けてます else{ document.fgcolor="#ffffff"; document.write("こんばんは"); } </script>

ptyou
質問者

お礼

なるほど~そこが抜けていましたか。xepharosさん、どうも有難うございました。

関連するQ&A

  • 時間によって表示される画像を替えたい

    はじめまして。 私は自分のお店(お菓子のお店)ホームページをつくってます。 時間、曜日によって<open>、<close>の二枚の画像を入れ替えたいのですが上手くいきません。 オープン時間は12:00-19:30で、定休は水曜なので自分なりに書いてみたのですがダメでした。12-19時なら稼働したのですが30分が入ってくるとごっちゃなってしまいます。そうこうしているうちに文自体ごっちゃです。すみませんお助けねがえないでしょうか?? 宜しくお願い致します。 <script language="JavaScript"><!-- d = (new Date()).getDay(); h = (new Date()).getHours(); m = (new Date()).getMinutes(); if (d == 3) Discg = "tokei/close.png"; else if ((h > 0) && (h < 12)) Discg = "tokei/close.png"; else if ((h > 12) && (h < 19)) Discg = "tokei/open.png"; {document.write("<IMG src='" + Discg + "' border='0'>");} </script>

  • function open()~ではじまるように書くには??

    お世話になっております。 この度、以下を function open()~ で書き出したいのですが、初心者のためやり方がわかりません。 また、これらをスタイルシートにて飾る方法もわからないほどの初心者です。 ものすごい初心者で、本当にお手数かけますが何卒宜しくお願い申し上げます。 <script language="JavaScript"><!-- d = (new Date()).getDay(); h = (new Date()).getHours(); m = (new Date()).getMinutes(); if (d == 3) { Discg = "tokei/close.png"; }else if ((h>12 && h<19) || (h == 12 && m >= 0) && (h == 19 && m <= 30)) { Discg = "tokei/open.png"; }else { Discg = "tokei/close.png"; } document.write('<IMG src="' + Discg + '" border="0">'); </script>

  • 時間ごとにスタイルシートを変える

    <HEAD> <SCRIPT LANGUAGE="JavaScript"> function geth(t){ if ( t <= 05 ) document.write ("<body link="#0000ff">"); else { if ( t <= 17 ) document.write ("<body link="#0000ff">"); else { if ( t <= 23 ) document.write ("<body link="#0000ff">"); }}} </SCRIPT> </HEAD> <SCRIPT LANGUAGE="JavaScript"> h = new Date(); geth(h.getHours()); </SCRIPT> Java Script を使うと時間ごとに異なったフォントの色を のように指定できますが、 リンクの背景色のようなスタイルシートを使わないと出来ない 部分を時間ごとに色を変える方法をお願いします。 a { background-color : ccf ; }

  • 指定した時間になると現れるリンク

    こんにちは。質問させて頂きます。 こちらが指定した時間にリンク表示させるにはどうしたらいいのでしょうか。 他のサイトで見掛けたのですが、普段は別のページへのリンク文字が出ていて、とある時間になると別のリンクになっていました。 失礼と思いつつ、ソースを覗かせて頂きましたが、いわゆる「時間によって違うHTMLを表示する」スクリプトではありませんでした。 ↓これなのですが・・・ <script language="JavaScript"> <!--------------- var m1 = "● SPECIAL" var m2 = "" // function geth(t){ if (t<=1) document.write( m2 ); else { if (t<=4) document.write( m1 ); else { if (t<=23) document.write( m2 ); }} } //--------------> </SCRIPT> まず上記タグをヘッド内に入れて <A HREF="special.htm" onmouseover="status='スペシャルコーナー';return true" onmouseout="status='SPECIAL';return true" ><B><font color="#cc0000" size="2"> <script language="JavaScript"> <!-------------- h = new Date(); document.write(""); geth(h.getHours()); //-------------> </SCRIPT> </font></B></A> これを表示させたい所に記述するみたいです。 問題なのは時間で、このサイトでは夜中の2時から朝の5時まで表示させるようにしているらしいのですが、head内のタグを見ても、具体的にどうやって時間指定するのか、全然判りません。 どなたかこのスクリプトの判る方、このスクリプトをどこかで見掛けた方、いらっしゃいましたら教えて頂けないでしょうか? 宜しくお願い致します。

  • JavaScript 外部ファイルの記述

    <script Language="JavaScript"><!-- h = (new Date()).getHours(); if ( h < 6) document.write("外は暗いですね"); if ((h >= 6) && (h <12)) document.write("午前中"); if ((h >= 12) && (h <20)) document.write("午後です"); if ( h >= 20) document.write("夜です"); // --></script> これは時間ごとに違った文字を表示するものです。 このJavaScriptを外部ファイル化したいのですが、うまくいきません。 以下のように記述しました。 h = (new Date()).getHours(); if ( h < 6) document.write("外は暗いですね"); if ((h >= 6) && (h <12)) document.write("午前中"); if ((h >= 12) && (h <20)) document.write("午後です"); if ( h >= 20) document.write("夜です"); これでどこか間違っているところがあるのでしょうか? よろしくお願いします。

  • JavaScriptの間違いがどこか教えてください。

    JavaScriptを勉強しはじめたばかりで、つまずいております。 時間ごとに違った言葉を表示するというJavaScriptです。 どこが間違えているのかわからないので、教えてください。 間違いはこの中にあるはずなのですが…。 <script type="text/javascript"> <!-- now = new Date(); nowhours = now.getHours(); document.write(nowhours); if (nowhours <= 3) { msg = "こんばんは"; } eles if (nowhours <= 11) { msg = "おはようございます"; } eles if (nowhours <= 16){ msg = "こんにちは"; } eles { msg = "こんばんは"; } document.write(msg); //--> </script> 正しい答えは <script type="text/javascript"> <!-- now = new Date(); nowhours = now.getHours(); document.write(nowhours); if (nowhours <= 3 ) { msg = "こんばんは"; } else if (nowhours <= 11) { msg = "おはようございます"; } else if (nowhours <= 16){ msg = "こんにちは"; } else { msg = "こんばんは"; } document.write(msg); // --> </script> なのですが、どこが違うのかまったくわかりません。

    • ベストアンサー
    • Mac
  • 続・時間によって表示される画像を替えたい

    画像(サンプル画像アップ致しました)のようにしたいです。 先日私のご質問にお答え頂きました方に大変感謝申し上げます。 じつは昨日からずっとスクリプトと格闘しています。 もうお手上げです。ヒントでもいいです。お願いします。 詳細===== オープンorクローズの画像の下にデジタル時計をつけるにはどうしたらよいのでしょうか?? またJSファイルを外部化したいです。 画像は上部に<オープン画像>、<クローズ画像>がきて、 下段にデジタル時計が入ります。 時計は0~9までを、tokei/x.png...(x=0,1,2,3,,,,)として秒ごとに真ん中の『:』※tokei/chome.pngが点灯させたいです。 ここから下段に時計を入れたいのと、このファイルを外部に分けたいのですが、html内の画像の位置(htmlファイルに何と書いたら良いのか)をどうしたら良いのか分かりません。 お手数かけます。宜しくお願いします。 <script language="JavaScript"><!-- d = (new Date()).getDay(); h = (new Date()).getHours(); m = (new Date()).getMinutes(); if (d == 3) { Discg = "tokei/close.png"; }else if ((h>12 && h<19) || (h == 12 && m >= 0) && (h == 19 && m <= 30)) { Discg = "tokei/open.png"; }else { Discg = "tokei/close.png"; } document.write('<IMG src="' + Discg + '" border="0">'); </script>

  • 何故にー2なのか

    <script language="JavaScript"><!-- baseURL = "image/"; ext = ".gif"; dt = new Date(); h = "0" + dt.getHours(); h = h.substring(h.length-2,h.length); m = "0" + dt.getMinutes(); m = m.substring(m.length-2,m.length); document.write("<img src='"+baseURL+h.charAt(0)+ext+"'>"); document.write("<img src='"+baseURL+h.charAt(1)+ext+"'>"); document.write("<img src='"+baseURL+"hour.gif'>"); // 時 document.write("<img src='"+baseURL+m.charAt(0)+ext+"'>"); document.write("<img src='"+baseURL+m.charAt(1)+ext+"'>"); document.write("<img src='"+baseURL+"minute.gif'>"); // 分 // --></script> 本当に質問ばかりですみません。 自分でも一応考えに考えて、それでも分からないからここに書いているという事だけはご理解して頂きたいと思う次第です。 それで、肝心な質問は、 h = "0" + dt.getHours(); h = h.substring(h.length-2,h.length); と m = "0" + dt.getMinutes(); m = m.substring(m.length-2,m.length); の substringの部分で h.lengthとm.lengthにそれぞれー2している事です。 getHours()メソッドからは、0~23の値が getMinutes()メソッドからは、0~59の値が得られますよね。 という事は、h.lengthは24、m.lengthは60となるんでしょうか。 絵は0から9までしかありません。 ちなみにsubstring(△,▲)メソッドは△から▲までの文字列を返します。 時計の場合時間を表す10の桁は1か2. 同じく分を表す10の桁は1~5ですよね。 そこで何故ー2をしなければいけないのでしょうか。 これがどういう意味を現しているのか。 謎が謎を呼んで、推理しているような気分ですけど、真面目に考えています。 どなたかこのソースコードの意味が分かる方がいましたら、アドバイスをどうぞ宜しくお願い致します。  

  • 取得した時間の表示について。

    現在デジタル時計を表示しています。が この表示の形を変更したいのです。 //以下スクリプト var now:Date; var h:Number, m:Number, s:Number,l:Number,d:Number,o:Number,p:Number; this.onEnterFrame = function() { now = new Date(); d = now.getFullYear(); o = now.getUTCMonth()+1; p = now.getUTCDate(); h = now.getHours(); m = now.getMinutes(); s = now.getSeconds(); l = now.getMilliseconds(); date.text = d; mon.text =o; day.text =p; Hours.text = h; Minute.text = m; Seconds.text = s; mini.text = l; } // このスクリプトでは現在、静止テキスト"/" 、":"を挟み 2006/12/ 2/ 18: 5:974 のように表示されます。 この時計の表示を 06/12/02/18:05:97 のように表示したい(すべてのデータを二桁に)のですが うまくいきません。 何か良い方法がないか探しております よろしくお願いします。

    • ベストアンサー
    • Flash
  • HPで時間ごとに背景を変えたい

    HPの設定で、時間ごとに背景を変えたいと思ってます。 そこで検索してみたところこんなソース↓を発見したのですが、一日に三回変えられるものでした。これを四回にしたいのですが、上手く書き換えられません。どこを直せばよいでしょうか? <script language="JavaScript"> <!--// bg1=0; bg2=12; bg3=20; jikoku=new Date(); jikan=jikoku.getHours(); if(jikan>=bg1&&jikan<bg2) document.write('<body background="img/1.jpg">'); else if(jikan>=bg2&&jikan<bg3) document.write('<body background="img/2.jpg">'); else document.write('<body background="img/3.jpg">'); //--> </script>

専門家に質問してみよう