• 締切済み

HPの文字を点滅させたい

HPの文字を、JavaScriptを使用して点滅させたくNETで調べたのですが、単純な点滅は出来たのですが、以下の様に点滅させたいので良い方法を教えてください。 点滅 ２回(0.5s) ⇒ 休止(1s) ⇒ 点滅２回(0.5s) ⇒ 休止(1s) ⇒ （以降くりかえし） お手数ですが、よろしくお願いします。

  • vrq
  • お礼率57% (8/14)

みんなの回答

回答No.3

>点滅 ２回(0.5s) ⇒ 休止(1s) ⇒ 点滅２回(0.5s) ⇒ 休止(1s) ⇒ （以降くりかえし） ↑これでは曖昧で正確な動作が分かりません。 こちらの理解でプログラミングしますが、BlinkingTimeを変更すれば、自分のイメージどおりに点滅可能です。 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift-JIS"> <!-- charset=Shift-JIS、UTF-8 --> <TITLE>test</TITLE> </head> <body> <span id="BlinkingText" style="visibility: visible">Blinking</span><br> <script type="text/javascript"> <!-- BlinkingTime = [ 500, 500, 500, 1000 ]; // ミリ秒 BlinkingSwitch = true; // false; BlinkingCounter = 0; var Blinking = function(){ BlinkingSwitch = ! BlinkingSwitch; document.getElementById('BlinkingText').style.visibility = (BlinkingSwitch ? 'visible' : 'hidden'); BlinkingCounter++; if(BlinkingTime.length<=BlinkingCounter){ BlinkingCounter = 0; } BlinkingTimer = setTimeout(Blinking, BlinkingTime[BlinkingCounter]); } BlinkingTimer = setTimeout(Blinking, BlinkingTime[BlinkingCounter]); // --> </script> </body> </html>

回答No.2

>点滅 ２回(0.5s) ここが、0.5秒周期なのか、0.5秒で2回なのかが、わかりません。 とりあえず、こういう時は、タイムラインを考えてみればいいかと。 まず、「点滅」ってのは、ON->OFFになっていることを意味するので ONを１として考え、OFFを0として考えます。 1010　＝　これを0.5秒の周期だとして、 その後が、1秒休止とありますが、要するにOFF 1秒を0.5秒で割れば、当然２。つまり2回OFFがあればいいという事。 説明は以後繰り返しと書いてますが、実際には >点滅 ２回(0.5s) ⇒ 休止(1s) この時点ですでに繰り返しに見えます。 なので、 先ほどの"1010"と2回の"00"を結合して、 タイムラインは、 "101000"を繰り返せばいいという事。 これに、数字を割り振ります。 101000 012345 なので、0と2の時ON、それ以外はOFFですよね？ 数字は全部で「6」個 if (timeline==0 || timeline==2) { /* ONにする処理 */ }else{ /* OFFにする処理 */ } timeline=(timeline+1)%6; で、基本周期は0.5sとあるので、 timeout値を500＝500ms＝0.5秒で 後は、定期呼び出しをさせ続ければ完成ではないですか？

  • okwavey2
  • ベストアンサー率15% (251/1593)
回答No.1

いい方法は、それも調べてやるのが一番だと思います。 これでは回答として少しお粗末なので、改善しようとは思いますが、そもそもあなたがやったことがわかりません。 ネットで調べてやったと言うのは、サンプルを探してそのサンプルを実装したのでしょうから、そのサンプルを具体的に明示されてはいかがでしょうか。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 文字の点滅

    パワーポイントを使用したプレゼンの画面の文字を点滅させたいのですが、良い方法をお教えください。 よろしくお願いします。

  • 文字の点滅

    お世話になります。 ビルダー８を使用しています。 目的の文字列を範囲選択し、書式→文字装飾→点滅と指定しました。 編集画面ではその文字列は赤く表示されてます。 ところが、プレビュー画面にしても、一旦保存してから開いてみても、文字が点滅してません。 一度も成功したことがありません。 これは何故なんでしょうか？ 私の方法が間違っているのでしょうか？ 宜しくお願いします。

  • csv形式でも文字点滅可能でしょうか？

    皆様、こんにちは。 csv形式を用いての事でお聞きしたい事がありまして。 外部テキストファイル(データバインド)でcsv形式ファイルを呼び出した時の、 文字(文章)を点滅させたいのですが、方法が分かりません。 <BLINK>タグを使えるのはNetscapeですし、 JavaScriptを用いる場合はjsファイルに点滅させたい文字を記述するか、或いは外部テキスト扱いをさせて点滅させたい文字にIDを置く形になりますが、 csv形式で点滅(BLINK)させる場合の構成が分からないので、 何方様かご存じでいらっしゃいましたら、教えて下さい。 どういった記述をすれば、csv形式ファイルの文字を点滅させられますでしょうか？ もし、可能でないのであれば仕方がないのですが、やり方があれば知りたい知りたい次第でして…。 アドバイス・ご回答の程、宜しくお願い致します。

  • Excelで文字の点滅方法

    Excelでセル内の文字を点滅する方法を教えてください。 ヘルプや書籍で検索したのですが分かりませんでした。 できましたら、マクロを使わずにしたいのですが、無ければマクロでも可です。　宜しくお願いします。　使用しているVersionは"2000"です。

  • 文字を打つ時に点滅する(I)が文字を打てない所でも

    文字を打つ時に点滅する(I)が打てない所でもでてきます firefoxを使用しています どのサイトに行っても文字はありますよね そのサイトの文字をクリックしても文字を打つ時に点滅する(I)は出てくるような事は無かったのですが いつからか出てくるようになって邪魔で仕方ありません 具体的にどのように邪魔かと言うと ページをスクロールしようとキーボードの「↓」を押しても サイトがスクロールせず「I」が下段の文字に移動するだけです 「I」の名称を知らないためとても分かりずらい文章になってしまいました ごめんなさい 解決方法をご存じの方は教えてくださいお願いします

  • HP作成について

    Java,JavaScript（文字のスクロール等）を簡単HPで使用したいのですが、 使い方がわかりません。 初心者なのでわかりやすく教えていただけると嬉しいです。 よろしくお願いします。

  • 文字と画像がかぶって見えてしまうHP

    こんにちは。よろしくお願い致します。 Mac10.4　safariとFirefox　を使用していますが どちらのブラウザーを使用しても 文字に画像が重なってしまって 文字が読めないHPをたまに見かけます。 （Win IEで見たらちゃんと見れました） これはどうにかしてMacで見る方法は無いものでしょうか？ 稀にsafariで見れず、Firefoxではちゃんとした型で見れるHPもありますが ほとんどがどちらのブラウザーでも同じに見えてしまいます。

    • ベストアンサー
    • Mac
  • vistaを使っているのですが、起動すると画面が一瞬点滅し、そのまま消

    vistaを使っているのですが、起動すると画面が一瞬点滅し、そのまま消えてしまいます。。放っておいたら治るということはありません。放っておくと消えたままです。よく見るとものすごく薄暗く映ってるんですが、とても使えるという状態ではありません。 休止モード→起動の繰り返しで治るのですが、2回で治る時もあれば、50回くらいやっても治らない時もあります。ウイルス検索もしました。ウィルスバスター2010です。 電源の設定で、「ディスプレイの電源を切る」はなしにしています。 どうしたら解決できるのでしょうか。

  • FlexGridのセル内文字を点滅させる方法

    VC++2005のMFC環境でFlexGridを使用しています。 SetTextMatrix関数にて、セル内に挿入した文字に対し、 点滅させ表示したいのですが、 何か良い方法などありましたら、ご教示お願い致します。

  • IEでもFirefoxでも動作する点滅文字について

    IEでもFirefoxでも動作する点滅文字について Internet ExplorerでもFirefoxでも動作する点滅文字を作成するため、 下記のサンプルソースを作成したのですが、 Internet Explorer7では動作するものの、Firefox3.6では動作しませんでした。 その為、Internet ExplorerでもFirefoxでも動作する点滅文字の方法をご存知の方がいらっしゃいましたら、 ご教示の程、よろしくお願いします。 なお、下記の動作を想定しています。 1. 点滅時間は設定ファイルに記述して、点滅時間を調整したいと思います (その為、<blink>タグは使用できないかも知れません)。 2. ページ内の複数の箇所に設定したいと思います (ただし、設定箇所が何箇所になるかは、ページが動的に生成されているため、ランダムです。 その為、id属性で動作するものは使用できないかも知れません)。 3. MARQUEEタグを使用するものについては、位置あわせがうまく出来ませんでした。 【ソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>title</title> <script type="text/javascript"> <!-- function blink() { if (!document.all) { return; } for (i = 0; i < document.all.length; i++) { obj = document.all(i); if (obj.className == "blink") { if (obj.style.visibility == "visible") { obj.style.visibility = "hidden"; } else { obj.style.visibility = "visible"; } } } setTimeout("blink()", 800); } // --> </script> </head> <body onload="blink()"> <h1 class="blink">点滅サンプル</h1> <p>これは普通の文書</p> <p class="blink">これは点滅する文章</p> </body> </html> 以上、よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する