Question

我正在通过“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>

非常感谢！

Answer 1

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

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

未捕获的ReferenceError：未定义setTimeOut

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

Answer 2

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

http://jsfiddle.net/4HVQw/

fade（）函数不起作用

2 个答案: