- 締切済み
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>
- xyoux
- お礼率4% (1/21)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<script language="JavaScript"> <!--// bg1=0; bg2=6; bg3=12; bg4=18; 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 if(jikan>=bg3&&jikan<bg4) document.write('<body background="img/3.jpg">'); else document.write('<body background="img/4.jpg">'); //--> </script>
関連するQ&A
- javasciptで時間で背景変更について
javasciptで時間帯によって背景画像を変更したいと思い、下記を外部ファイルで読み込んでいるのですが、safariでは表示でき、IEやFIREFOXでは表示されないです。 どうすればよいでしょうか。 function geth(t){ if (t<=2) document.write("<BODY BACKGROUND='image.jpg'>"); else { if (t<=5) document.write("<BODY BACKGROUND='image.png'>"); else { if (t<=8) document.write("<BODY BACKGROUND='image.jpg'>"); else { if (t<=11) document.write("<BODY BACKGROUND='image.png'>"); else { if (t<=14) document.write("<BODY BACKGROUND='image.jpg'>"); else { if (t<=17) document.write("<BODY BACKGROUND='image.png'>"); else { if (t<=20) document.write("<BODY BACKGROUND='image.jpg'>"); else { if (t<=23) document.write("<BODY BACKGROUND='image.png'>"); }}}}}}} }
- ベストアンサー
- JavaScript
- 時間帯によって背景画像を変える
タイトル通りなのですが、なかなかうまくいきません・・・。 <BODY style="background-image:url(test.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;"> スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。 自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。 <SCRIPT LANGUAGE="JavaScript"> <!--- function geth(t){ if (t<=5) document.write("<BODY style='background-image:url(test1.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=11) document.write("<BODY style='background-image:url(test2.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=17) document.write("<BODY style='background-image:url(test3.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=23) document.write("<BODY style='background-image:url(test4.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); }}} } //---> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!--- h = new Date(); geth(h.getHours()); //---> </SCRIPT> <BODY BACKGROUND='test.gif'>という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・？どのようにすればうまくいくでしょうか？JavaScriptに関してはほとんど無知ですがよろしくおねがいします。 ※意味不明なことを言っていたらすみません。
- ベストアンサー
- JavaScript
- 時間ごとにスタイルシートを変える
<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 ; }
- 締切済み
- その他([技術者向] コンピューター)
- このスクリプトのどこが間違っているか教えてください
ブラウザウィンドウの背景を10秒ごとに、 1.jpg→2.jpg→3.jpg・・・ というふうに変化させたいとします。 以下のスクリプトを考えたんですが、 「オブジェクトを指定してください。」 とエラーが出ます。 ただ単に背景を表示させるだけならうまくいくのですが、 setTimeoutメソッドを追加して背景を変化させようとすると エラーが出ます。 一体どのようにすればうまくいくのでしょうか? よろしくお願いします<(_ _)> ********************************************* <html> <head> <script> <!-- function FUNC(){ jikan=new Date(); ss=jikan.getSeconds(); if(ss>=0 || ss<10){ document.write("<body background='1.jpg'>"); } if(ss>=10 || ss<20){ document.write("<body background='2.jpg'>"); } if(ss>=20 || ss<30){ document.write("<body background='3.jpg'>"); } if(ss>=30 || ss<40){ document.write("<body background='4.jpg'>"); } if(ss>=40 || ss<50){ document.write("<body background='5.jpg'>"); } if(ss>=50 || ss<60){ document.write("<body background='6.jpg'>"); } setTimeout("FUNC()",1000); } //--> </script> </head> <body onLoad="FUNC()"> </body> </html> *********************************************
- ベストアンサー
- JavaScript
- HPに写真を載せる方法
HPに写真を載せるに当たって、アクセスのたび４枚の写真を順番に表示させたいのです。 写真をA～Dとした場合、ランダムならば <SCRIPT Language="JavaScript"> <!-- var imgMax = 4 var imgRand = Math.floor(Math.random() * imgMax); if(imgRand == 0) document.write('<img src="A.jpg" width=380 height=285>'); else if(imgRand == 1) document.write('<img src="B.jpg" width=380 height=285>'); else if(imgRand == 2) document.write('<img src="C.jpg" width=380 height=285>'); else if(imgRand == 3) document.write('<img src="D.jpg" width=380 height=285>'); //--> </SCRIPT> ここまでは判ったのですが・・・・ A⇒B⇒C⇒D Aに戻る に、変更するには どうしたらよいのでしょうか？ 初心者で、専門用語は判りませんが宜しくお願い致します。
- ベストアンサー
- レンタルサーバ・ASP
- JavascriptからJavaへの変え方
Javascriptで作ったものをJavaにしないといけなくなったのですが 私はJava初心者でまったくわかりません。 色々ネットで調べてみたのですが、どうも難しくて理解することができませんでした。 下にJavascriptで作ったものを載せてるのですがどなたかやり方を教えてもらえないでしょうか？ <html> <head> <title>サンプル</title> <script type="text/javascript"> function jikoku() { dd = new Date(); document.F1.T1.value = dd.toLocaleString(); window.setTimeout("jikoku()", 1000); } </script> <script type="text/javascript"> mes = new Array(5); mes[0]="0"; mes[1]="1"; mes[2]="2"; mes[3]="3"; mes[4]="4"; date=(new Date()).getHours(); if( 0 <= date && date <= 5 ){ document.write(mes[0]); } else if( 6 <= date && date <= 10 ){ document.write(mes[1]); } else if( 11 <= date && date <= 16 ){ document.write(mes[2]); } else if( 17 <= date && date <= 19 ){ document.write(mes[3]); } else{ document.write(mes[4]); } </script> <script type="text/javascript"> function Random() { var kazu = Math.random(); kazu = kazu*100; kazu = Math.ceil(kazu); if( kazu<=9 ) document.write('<br/>○1<br/>'); else if( kazu<=19 ) document.write('<br/>○2<br/>'); else if( kazu<=29 ) document.write('<br/>○3<br/>'); else if( kazu<=39 ) document.write('<br/>○4<br/>'); else if( kazu<=49 ) document.write('<br/>○5<br/>'); else if( kazu<=59 ) document.write('<br/>○6<br/>'); else if( kazu<=69 ) document.write('<br/>○7<br/>'); else if( kazu<=79 ) document.write('<br/>○8<br/>'); else if( kazu<=89 ) document.write('<br/>○9<br/>'); else document.write('<br/>○10<br/>'); } Random() </script> <script language="JavaScript"> var imglist = new Array( "sample1.jpg", "sample2.jpg", "sample3.jpg", "sample4.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> </head> </html>
- 締切済み
- Java
- ホームページ背景の、透過率設定方法。
HPで、毎月背景を変更するように、下記のようにしてあるのですが、 これに、透過率を追加する事は、出来るでしょうか。 出来るようでしたら、追加文等を、教えて下さい。 宜しく、お願い致します。 <SCRIPT language=JavaScript> <!-- back=new Array(12); back[0]="/bg1.jpg"; back[1]="/bg2.jpg"; 途中省略 back[10]="/bg11.jpg"; back[11]="/bg12.jpg"; myDate=new Date(); myBack=myDate.getMonth(); document.write("<body background='"+back[myBack]+"'>"); //--> </SCRIPT>
- 締切済み
- HTML
- 作成画面の一番下に「・」？
今ＨＴＭＬとＪＡＶＡＳＣＲＩＰＴの勉強をしています。 下記のプログラムを作りましたが画面表示すると一番下に「・」が表示されてしまいます。これはこういうものなんでしょうか？それとも消す方法あるいはプログラミング改良の方法があるのでしょうか？ 下記にプログラムを示します。 <HTML> <HEAD> <TITLE>Java Script</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> var t=new Date(); var h=t.getHours(); document.write("<DIV ALIGN=right>",t,"</DIV><BR>"); document.write("<CENTER>"); if (8<h && h<12){ document.write("<H2>おはよう</H2>"); document.write("<IMG SRC='***.jpg'>"); } if (12<=h && h<=14){ document.write("<H2>こんにちは</H2>"); document.write("<IMG SRC='***.jpg'>"); } if (h<8 || 14<h){ document.write("<H2>こんばんは</H2>"); document.write("<IMG SRC='***.jpg'>"); } document.write("</CENTER>"); </SCRIPT> </BODY> </HTML>
- ベストアンサー
- JavaScript
- 時間でlink, vlink, alinkの文字色変えたい
時間で、文字色や背景を変更するスクリプトを使っています。 しかし、リンク文字（link, vlink, alink）の色が変わらないため、背景によっては見えにくい文字色となってしまいます。 リンク文字も同様に時間で変化させたいのですが、どのようにすれば良いでしょうか？ お分かりの方がいらっしゃいましたら、ご教授お願い致します。(>_<) 使っているスクリプトは以下のような感じです。 -------------------------------------------- TimeH = (new Date()).getHours(); if (TimeH>=0 && TimeH<=12) {myBG="url(./xxxxx/bg_01.jpg)"; myBGcolor="#FF00FF"; myColor="#FFFFFF";} else if (TimeH>=13 && TimeH<=24) {myBG="url(./xxxxx/bg_02.jpg)"; myBGcolor="#00FF00"; myColor="#000000";} myOP = window.opera; myN6 = document.getElementById; myIE = document.all; if (myOP) myBR="O6"; else if (myIE) myBR="I4"; else if (myN6) myBR="N6"; else myBR=""; function bg1(){ if (myBR == "I4"){ document.all.bdy1.style.background = myBG; document.all.bdy1.style.backgroundColor = myBGcolor; document.all.bdy1.style.color = myColor; } else if (myBR == "N6" || myBR == "O6") { document.getElementById("bdy1").style.background = myBG; document.getElementById("bdy1").style.backgroundColor = myBGcolor; document.getElementById("bdy1").style.color = myColor; } } <BODY ID=bdy1 onload="bg1()">
- ベストアンサー
- JavaScript
- javascript 時計24時間表示
こんばんは。 現在、ホームページにデジタルの時計を配置しているのですが 表示について質問させていただきます。 今配置しているのは下記のソースで <script type="text/javascript"> <!-- document.write('<img src="am.jpg" name="p0"><IMG src="0.jpg" name="p1"><IMG src="0.jpg" name="p2">'); document.write('<img src="ten.jpg" name="p7"><IMG src="0.jpg"name="p3"><IMG src="0.jpg" name="p4">'); /* document.write('<img src="ten.jpg" name="p8"><IMG src="0.jpg" name="p5"><IMG src="0.jpg" name="p6">'); */ function jikoku3(){ data = new Date(); hour = data.getHours(); if((hour >= 12)){ hour = hour - 12; hour2 = hour % 10; hour1 = (hour-hour2) / 10 ; ampm = "pm"; }else{ hour2 = hour % 10; hour1 = (hour-hour2) / 10 ; ampm = "am"; } mine = data.getMinutes(); mine2 = mine % 10; mine1 = (mine - mine2) / 10; sec = data.getSeconds(); sec2 = sec % 10; sec1 = (sec - sec2) / 10; document.p0.src = ampm + ".jpg"; document.p1.src = hour1 + ".jpg"; document.p2.src = hour2 + ".jpg"; document.p3.src = mine1 + ".jpg"; document.p4.src = mine2 + ".jpg"; document.p5.src = sec1 + ".jpg"; document.p6.src = sec2 + ".jpg"; document.p7.src = "ten.jpg"; document.p8.src = "ten.jpg"; } setInterval("jikoku3()",1000); // --> </script> 表示がAM07時とかの表記になってしまいます。 それをAM/PMではなくて20時、23時等の24時間表示にするには どうしたら良いでしょうか？ 本当に初歩的な質問をしてしまい失礼かと思いますが 宜しくお願い致します。
- ベストアンサー
- JavaScript
お礼
できました。ありがとうございます