• 締切済み

指定した時間のみ表示されるようにしたいです。

H240S18B73の回答

回答No.1

http://www.scollabo.com/banban/java/ref_15.html http://semooh.jp/jquery/api/manipulation/append/content/ new Date()してDateオブジェクト取得して、 getHoursが2ならバナーをappendする

この回答がついた質問に戻る
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • バナー(javascript)をランダムで表示

    FC2ブログのプラグインにjavascriptを使ってバナー広告をランダムで表示しています。 今までは問題なかったのですが、新しくバナーを加えた際に、そのバナーがjavascriptで出来たものだったので、どうしてよいものかわからなくなってしまいました。 ランダム表示にはこちらのページを参考、というかコピーしました。 http://javascript.eweb-design.com/0616_ra.html 貼り付けたいバナーのソースです↓ ソースの改変は認められていません。 <!---　---> <script type="text/javascript"><!---　---></script> <script src='jsファイルのURL'></script> <noscript></noscript> <!---　---> これ以外のバナーはgifとリンクで構成されていましたので特に問題ありませんでしたが、そこに上記のjavascriptバナーを加えてランダムに表示することはできますか? 自分で調べてみましたが、自力では見つけられなかったのでココで質問をする事にいたしました。 回答お願いします。

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

    こんにちは。質問させて頂きます。 こちらが指定した時間にリンク表示させるにはどうしたらいいのでしょうか。 他のサイトで見掛けたのですが、普段は別のページへのリンク文字が出ていて、とある時間になると別のリンクになっていました。 失礼と思いつつ、ソースを覗かせて頂きましたが、いわゆる「時間によって違う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内のタグを見ても、具体的にどうやって時間指定するのか、全然判りません。 どなたかこのスクリプトの判る方、このスクリプトをどこかで見掛けた方、いらっしゃいましたら教えて頂けないでしょうか？ 宜しくお願い致します。

  • innerHTMLで、関数での記載内容を希望のエリアに表示したい。

    お世話になります。 下記のように行うと、 「実際は、いろいろと表示したい」 が、 「aaaaaaaaaaaaaaaaaa」 の下に表示されてしまいます。 また、 <div id="DspArea"> の位置には、undefined と、表示されてしまいます。 document.getElementById("DspArea").innerHTML="tst"; とすれば、 <div id="DspArea"> の位置に正確に表示されます。 innerHTMLで、関数で記載したタグを含む文字列を表示させるには何か気をつけなければならないことがあるのでしょうか。 よろしくご教示お願いします。 <script type="text/javascript"><!-- function dspTst(){ document.write('実際は、いろいろと表示したい'); } // --> </script> <div> <div id="DspArea"> </div> <div> aaaaaaaaaaaaaaaaaaaa </div> </div> <script type="text/javascript"><!-- document.getElementById("DspArea").innerHTML=dspTst(); // --> </script>

  • バナー画像だけ表示されない・・・

    HPのリンク集を手作りで作ったのですが、アップロードしたページのバナー画像がなぜか表示できません。 サーバに置いたHTMLファイルをみると、自分が書き込んだバナー画像のタグがあるのに、ブラウザで映すと画像がなく、右クリックでソースを表示すると、そこにもあるはずのバナー画像のタグだけが消えています。自分が手書きで作ったバナー画像のリンクはすべてきれいさっぱり消えています。 サーバに不具合があるのかとおもい、サーバのサポートに問い合わせたところ、私の書き込んだバナー画像のURLの一部が書き損じていると指摘され、だから表示されないのだみたいな、的外れな答えが返ってきました。ひょっとして、私以外のパソコンでは見えるのかもしれないです。。。（その書き損じたURLのタグすら、私のブラウザでは消えているんです。。。） 自分がおもいあたることは、HPを改装し、前のリンク集で使っていたバナー画像の整理が大変だったので、一度すべて削除して、またアップロードしなおしたことです。 とにかく、バナー画像がみえないので、書き損じのチェックができなくて困っています！　こんな状況の直し方がわかるかた、アドヴァイスください！

  • 指定時間経過後に画像を一定時間で切替

    Javascriptで指定時間経過後に画像を一定時間で切替したいと思っています。 一定時間の画像切替は以下のように実現しています。このJavascriptにさらに”指定時間経過後”という条件を付けたいのですがどうしたらよいでしょうか？ ■Javascript <script> $(document).ready(function(){ $('.slideImg img:gt(0)').hide(); setInterval(function() { $('.slideImg :first-child').fadeOut(3000).next('img').fadeIn(3000).end().appendTo('.slideImg '); },5000); }); </script> ■HTML <div class="slideImg "> <img src="img1.jpg" alt="" /> <img src="img2.jpg" alt="" /> <img src="img3.jpg" alt="" /> </div> ■CSS .slideImg{ position:relative; width: 100px; height: 100px; } .slideImg img{ position:absolute; left:0; top:0; }

  • ブログで表示・非表示をコントロール

    ブログのプライマリカラムでの表示・非表示についての質問です。 JavaScriptを使って特定のエントリーから<div class="example">......</div>を非表示にしたいので、それら特定のエントリーの末尾に以下のようなコードを貼付けました。 <script type="text/javascript"> var abc = document.getElementById('example'); abc.parentNode.removeChild(abc); </script>（外部ファイル使用） しかし、期待したとおり非表示になりませんでした。試しにテンプレートに貼付けている<div class="example">......</div>の位置をテンプレート上部に移動させると非表示になります。このため、おそらくhtml上で<div>......</div>が<script>......</script>より先にこないと非表示にならないと思うのですが、<div>......</div>はエントリーの末尾に置きたいので位置を変えたくありません。 この問題を解決する方法はないでしょうか？ JavaScriptについては、数日前からネットで調べ始めたばかりのもので全く知識がありません。 どうか、宜しくお願いします。

  • 変数の中にjavascript文を入れたい

    どうにも、うまく動作しないので教えてください。 バナーやブログパーツなどを切り替えて表示したくて、やってみているのですが、変数にjavascriptを使ったタグ（ブログスイッチ等）を入れると動作しません。 リンクバナー等はうまく表示できるんですが。 <DIV>を使った表示の切替方法だと、音声とか裏で動いちゃってるようなので、 innerHTMLで切り替えてみようとしたのです。 変数にjavascript文は入れられないのでしょうか。 <script type="text/javascript"> tagu = new Array(4); tagu[0]='aaa'; tagu[1]='bbb'; tagu[2]='ccc'; tagu[3]='ddd'; n=0 function taguclick() { n=n+1; if (n>3) n=0; document.getElementById('taguimgview').innerHTML = tagu[n]; }; </script> <div id='taguimgview' >aaa</div> <button onClick="taguclick()">CHANGE</button>

  • javascriptを使って文字を表示させたい

    javascriptを使ってdivタグをクリックしたらdivタグの中に文字を表示させたいのですが、どのように記述すればよいのでしょうか？

  • CSSでクラス名を指定してもうまくいかない

    下記URLのサイトを参考にして「Google+1ボタン」を設置しようとしています。 https://developers.google.com/+/web/+1button/?hl=ja とりあえずサイト上には設置できたのですが、今度はこの「Google+1ボタン」を自分が設置したい場所に貼り付けるために、CSSで指定しようと思いました。 ちなみに、取得したコードは以下のようになっています。 <!-- +1 ボタン を表示したい位置に次のタグを貼り付けてください。 --> <div class="g-plusone" data-size="medium"></div> <!-- 最後の +1 ボタン タグの後に次のタグを貼り付けてください。 --> <script type="text/javascript"> window.___gcfg = {lang: 'ja'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> コードは上記のようになっています。 class="g-plusone" となっていますので、このままこれをクラス名としてCSSに記述しても適用されません。 そこで、これにさらに<div>タグで囲んで、この<div>にクラスを付ければできると思い <div class=”sample”><div class="g-plusone" data-size="medium"></div></div> として、sampleに対してスタイルを指定してみたところ、うまくできました。 しかし、できればこのようなことはせず、"g-plusone"というクラス名が最初から付いているわけですから、これを利用できないかと考えています。 もし、できるのであれば、そのやり方を教えてください。

    • ベストアンサー
    • CSS
  • ajax を使って，ｈｔｍｌを読み込み表示する方法

    webページのfaqを作成しています。 目次が並んでいて，どれかひとつ質問をクリックすると，その下に回答が表示されるという仕組みにしようと考えています。 それについては以下のようにプログラムしてみました。 <head> ...略... <script type="text/javascript" src="../../jQuery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('div.demo-show:eq(0)> div').hide(); $('div.demo-show:eq(0)> h3').click(function() { $(this).next().slideToggle('fast'); }); }); </script> </head> <body> <div class="demo-show"> <h3>質問1</h3> <div>"answer1.html"を読み込んで表示</div> <h3>質問２</h3> <div>"answer2.html"を読み込んで表示</div> <h3>質問３</h3> <div>"answer3.html"を読み込んで表示</div> </div> </body> これにhtmlファイルを読み込む機能を持たせるために，<script>に一番下の3行を追加しました。 <head> ...略... <script type="text/javascript" src="../../jQuery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('div.demo-show:eq(0)> div').hide(); $('div.demo-show:eq(0)> h3').click(function() { $(this).next().slideToggle('fast'); $("div.a-1").load("./answer1.html"); ←追加 $("div.a-2").load("./answer2.html"); ←追加 $("div.a-3").load("./answer3.html"); ←追加 }); }); </script> <body>は <div class="demo-show"> <h3>質問1</h3> <div. class="a-1"></div> <h3>質問２</h3> <div.class="a-2"></div> <h3>質問３</h3> <div.class="a-3"></div> </div> これを実行すると，文字の場所がずれて表示されてしまいます。 （今回の作業は既に出来上がっているページに機能を追加しているので，おそらくタグが干渉しあっているのだろうと思います。これは，細かく確認すれば直るとは思います） その他，細々と不具合があります。 また，質問の数は５０以上あります。 この方法以外に良い方法がありましたら教えていただけると助かります。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する