[ ホームページ ] [ 携帯用URL ]
質問掲示板 「喫茶イヌでも」
イヌでもわかるJavaScript講座
質問掲示板 「喫茶 イヌでも」

[ EZBBS.NET | 新規作成 | ランキング | オプション ]
iモード&(絵文字)、au対応!ケータイからも返信できる無料掲示板!
名前
 E-mail 
題名
内容
投稿KEY    改行有効 等幅フォント
URL
 



1423.(untitled)  
名前:nanashi    日付:2016/01/18(月) 06:40
続き
  wordChange();
}

// -->
</SCRIPT>

<script type="text/javascript">
<!--

var n = 0;

function wordChange()
{
  var words = [ '鬼', '福' ,'蛇' ,'仏' ];
  var color = ["chocolate", "deeppink", "chocolate","deeppink"];
  document.getElementById('output').innerHTML = words[n];
  document.getElementById('output').style.color = color[n];

  n++;
  if (n > words.length - 1) n = 0;

  ret = setTimeout('wordChange();', 3000);  //ここでsetTimeoutの戻り値をretに格納
}



1424.Re: (untitled)
名前:nanashi    日付:2016/01/18(月) 06:44
1423は1422の続きでその続き
function blink1()
{
  if (document.all("blink_1").style.visibility == "visible")
  {
    document.all.blink_1.style.visibility = "hidden";
  }
  else
  {
    document.all.blink_1.style.visibility = "visible";
  };

}

//-->
</script>

</HEAD>


<BODY bgcolor="black" text="white">

  <p id='good_or_bad'></p>

  <br>
  <input type="button" id="omikujiButton" value="おみくじ" onClick="omikuji();">
  <br>
  <input type="button" value="リセット" onClick="reset();">

<script>
  reset();
  setInterval('blink1();', 1000);
</script>

</BODY>
</HTML>

自分の環境(firefox)では動かなかったので、自分なりに書き換えてみました。
動作確認してないので断定できませんが、不規則なのはおみくじボタン、リセットボタンを押すたびに新たに、blink1();やwordChange();が実行され、setTimeout('blink1();', 1000)やsetTimeout('wordChange();', 3000)が複数並行して動作してるからではないかと思います。
おみくじボタンを押すと<p>タグにはid='output'の<span>は無いようなのでclearTimeoutでsetTimeout('wordChange();', 3000)を停止させました。
id='blink_1'の<span>タグは常にあるようなのでsetIntervalで閉じるまでループさせてみました。
参考にならなかったらごめんね。長々と失礼しました。


「1423.(untitled)」への返信

無料アクセス解析

アクセス解析の決定版!無料レンタルで最大100ページ解析!

   投稿KEY
   パスワード

EZBBS.NET produced by InsideWeb