ジャバスクリプト・コードは次のようになります。

このページは次に示すページの続きです。もし直接、このページへジャンプした場合には、次のリンクをクリックすると、前のページを見ることができます。

『JavaScriptでウィンクを！』 新しいウィンドーが開きます。このページへ戻るには、そのウィンドーを閉じてください。

一つだけ違う点は、このページでは、２つボタンが付いていて、好きな時に止めたり、またスタートさせたりすることが出来ることです。

前のページには、ボタンが付いていません。従って、ベティーさんは永遠にウィンクしっぱなしです。さぞかし疲れることでしょう。

前のページのコードと違うところは、このページでは　myTimerID という変数を導入してタイマー・メカニズムをコントロールしていることです。 つまり、ウィンクを止める時には、　ボタンをクリックしてタイマーを止めます。 このタイマーを止めるのに、ジャバスクリプトにすでに付いているファンクションを使います。これが、clearTimeout() というファンクションです （メソッドとも呼ばれます）。 　

setTimeout() は　clearTimeout()　と同じようにジャバスクリプトに前もって組み込まれているメソッドです。

clearTimeout()を使うときには、必ず忘れずに　setTimeout()　の前に、 タイマー変数を次のように付け加えてください。

validName=setTimeout("someFunction()",any number)

タイマーを止める時には、次のようにします。

clearTimeout(validName)

clearTimeout()を実行することによって、繰り返されているアクションを止めることが出来ます。 再起動させる時には、setTimeout()を実行します。　もちろん、上に示したようにタイマー変数を忘れずに付けてください。

validName　はどんな名前でも結構です。タイマー変数だからといって特別な名前をつける必要はありません。 ただし、ユニークな名前でなければなりません。つまり、このページの他で使っている変数は使えません。

ジャバスクリプトでは、小文字と大文字を区別していることを忘れずに！
従って、validName, validname, VALIDNAME は全く違った変数として扱われます。

関連リンク

• INPUTタグ、 FORMタグ　の使い方
  
  
• TABLE の作り方
  
  
• “../”って何ですか？
  
  
• IMG タグの使い方
  
  
• ジャバスクリプトでアニメーションを作るには？
  
  
• たくさんの　GIF アニメーションを扱うには？
  
  
• イベント・ハンドラーの使い方
  
  
• イベント・ハンドラーを使ってあなたの絵をドラマチックに見せよう！