fade(） 函数不起作用

fade() function doesn't work

本文关键字：不起作用 函数 fade      更新时间：2023-09-26

我正在通过"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);

但我没有得到预期的效果。知道可能出现什么问题吗？

附言这是我.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>

谢谢！

你有一个错别字。它是setTimeout，带有小写的"o"。记住要时刻注意表壳。您可以在 http://jsbin.com/ezoxed/2/edit 实时看到效果。

确保在调试 JavaScript 时，使用浏览器的开发人员控制台。通常，这是通过按键盘上的F12来访问的。如果您查看那里，您将看到以下消息：

未

捕获的引用错误：未定义 setTimeOut

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

是的，你有错别字。请查看以下网址以获取实时效果：

http://jsfiddle.net/4HVQw/

相关文章：