Javascript fade()函数不使用';行不通
我通过《javascript:好的部分》一书学习javascript。其中一个示例是淡入淡出功能,如下所示:Javascript fade()函数不使用';行不通,javascript,Javascript,我通过《javascript:好的部分》一书学习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;
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);
1 var fade=函数(节点){
2风险等级=1;
3 var步骤=函数(){
4 var hex=水平toString(16);
5 node.style.backgroundColor='#FFFF'+hex+hex;
6如果(级别<15){
7级+=1级;
8设置超时(步骤100);
9 }
10 };
11设置超时(步骤100);
12 };
13
14(文件正文);
但是我没有得到想要的效果。你知道会出什么问题吗
另外,这是我的.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>
1
2.
4.
5.
6我的节目
7.
8.
9
10
11
12
13
多谢各位 你有一个打字错误。它是
setTimeout
,小写为“o”。记住要时刻注意箱子。你可以在现场看到你的效果
确保在调试JavaScript时,使用浏览器的开发人员控制台。通常情况下,按键盘上的F12键可以访问此功能。如果您在那里查看,您将看到以下消息:
未捕获引用错误:未定义setTimeOut
也就是说,享受这本书吧。这是一本很棒的书 是的,你有打字错误。请查看以下url以获得实时效果:
发生了什么事?您期望发生什么事?不确定好的部分是否适合学习javascript。最好先学习语言(和浏览器脚本),然后使用好的部分来提高您的理解和知识。哇,谢谢!这真的很有帮助,尤其是如何调试部分。谢谢你!