第六页:
给定时器加入变量
定时器的功能主要在于设定某个未来的时间,让Javascript到
时执行某个语句:
var the_string = "hello";
the_timeout = setTimeout("alert(the_string);", 60000);
这两行指令让JavaScript等待一分钟然后弹出一个提示框显
示
the_string
变量所包含的内容。所以一分钟后JavaScript就
寻找叫做
the_string
的变量并调用
alert()
。但是问题是一分钟
后该变量中所包含的内容可能后是别的什么。所以如果你把这
两行代码放在一个函数内,
setTimeout
有可能会报错。例如在
下例中:
function alertInAMinute()
{
var the_string = "hello";
the_timeout = setTimeout("alert(the_string);", 60000);
}
然后你在某个链接中调用这个函数:
<a href="#" onClick="alertInAMinute(); return false;">blah!</a>
可能会出错。因为你定义名为
the_string
的变量时用的是
var
,
而当你在一个函数内使用
var
时,Javascript将其理解为该变量
只存在于该函数中。一旦离开该函数而进入另一个函数后,该
变量就会从Javascript的记忆中消失。所以当后来需要调用该变
量时,Javascript从它的记忆中是不可能找到该变量的,错误因
此就产生了。
产生问题的原因在于你将一个变量传递给
setTimeout
。你可以通
过将变量的值而不是变量本身传递给setTime来避免这个问题:
function alertInAMinute()
{
var the_string = "hello";
the_timeout = setTimeout("alert(" + the_string + ");",60000);
}
这段代码将变量
the_string
从
setTimeout
的引号中拉出来,由于
该变量变量目前不在setTimeout的引号内,JavaScript就可以从
记忆中找到该变量的值。
定时器在动态HTML中用途非常广泛,所以值得你仔细研究它。
要使所有的拥护都能看到动态HTML的内容,你必须了解如何识别
用户所使用的浏览器。
>>
JavaScript高级教程
第一页
Javascript高级教程
- 第三课
第二页
如何给事件定时
第三页
定时循环的概念
第四页
定时循环的做法
第五页
一个Javascript编写的时钟
第六页
给定时器加入变量
第七页
识别用户的浏览器
第八页
如何识别用户的浏览器
第九页
对象和方法的识别
第十页
History对象
[
第1课
][
第2课
][第3课]
[
第4课
][
第5课
]
|