2012-05-02 18 views
2

私は "JavaScript:The Good Parts"という本でJavaScriptを学んでいます。例の1つは次のようなフェード関数です:fade()関数が動作しない

1 var fade = function (node) { 
    2  var level = 1; 
    3  var step = function() { 
    4   var hex = level.toString(16); 
    5   node.style.backgroundColor = '#FFFF' + hex + hex; 
    6   if (level < 15) { 
    7    level += 1; 
    8    setTimeOut(step, 100); 
    9   } 
10  }; 
11  setTimeOut(step, 100); 
12 }; 
13 
14 fade(document.body); 

しかし、私は望みの効果を得られませんでした。何が間違っているかもしれないという考え?

P.S.これは私の.htmlファイルです。これが有用かどうかわかりません。

1 <?xml version="1.0" encoding="utf-8"?> 
    2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    3  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    5  <head> 
    6   <title>My program</title> 
    7  </head> 
    8  <body> 
    9   <pre> 
10    <script type = "text/javascript" src = "program.js"></script> 
11   </pre> 
12  </body> 
13 </html>   

ありがとうございました!

+0

何が起こったと何が起こることを期待していましたか? – Jason

+0

不明* Good Parts *はJavaScriptの学習に適しています。最初に言語(およびブラウザスクリプティング)を学ぶことをお勧めします。その後、*良いパーツ*を使って理解と知識を向上させてください。 – RobG

答えて

2

あなたはタイプミスがあります。それはsetTimeoutで、小文字の "o"です。常にケースを見ることを忘れないでください。あなたの効果はライブhttp://jsbin.com/ezoxed/2/editで見ることができます。

JavaScriptをデバッグするときはいつでも、ブラウザ用のデベロッパーコンソールを使用するようにしてください。多くの場合、これはキーボードのF12を押してアクセスします。本を楽しむ、言われていること

Uncaught ReferenceError: setTimeOut is not defined

:あなたがそこに見えたならば、次のメッセージを見ているだろう。それは素晴らしい読書です!

+1

WOWありがとう!これは本当に便利です。特にデバッグの方法です。感謝します! – stupidguy

関連する問題