fade()函数不起作用

时间:2012-05-02 02:32:17

标签: javascript

我正在通过“JavaScript:The Good Parts”这本书学习javascript。其中一个例子是淡入淡出功能,如下所示:

  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>          

非常感谢!

2 个答案:

答案 0 :(得分:2)

你有一个错字。它是setTimeout,带有小写“o”。记得要经常看表壳。您可以在http://jsbin.com/ezoxed/2/edit处看到您的效果。

确保无论何时调试JavaScript,都要使用浏览器的开发者控制台。通常可以通过按键盘上的F12来访问它。如果你看过那里,你会看到以下信息:

  

未捕获的ReferenceError:未定义setTimeOut

话虽如此,享受这本书。这是一个很棒的阅读!

答案 1 :(得分:1)

是的,你有一个错字。请查看以下网址以了解实时效果:

http://jsfiddle.net/4HVQw/