Javascript高级教程-定时循环的概念

其制作方法就是让按钮的onClick事件调用以下函数：

function ringBell()
{
var timer1 = setTimeout("window.document.the_form.the_text.value=′3 seconds!′;",3000);
var timer2 = setTimeout("window.document.the_form.the_text.value=′6 seconds!′;",6000);
var timer3 = setTimeout("window.document.the_form.the_text.value=′9 seconds!′;",9000);

}


它的意思是，“从现在开始，三秒钟后显示‘三秒’，六秒钟
后显示‘六秒’，九秒钟后显示‘九秒’”，很好理解，对吧？ 数据挖掘实验室

function doDumbTimer()

{var timer1 = setTimeout("window.document.the_form.the_text.value=′3 seconds!′;",3000);

var timer2 = setTimeout("window.document.the_form.the_text.value=′6 seconds!′;",3000);

var timer3 = setTimeout("window.document.the_form.the_text.value=′9 seconds!′;",3000);



}

 数据挖掘实验室 

试一下这个错误的定时代码看看会发生什么？
faulty timer code? 数据挖掘研究院

　 数据挖掘研究院

function theTimer()

{

	the_time = 0;

	hellIsHot = true;

	

	while (hellIsHot == true)

	{

		the_time += 2;

		var timer = setTimeout("changeTextBoxTo(the_time);", the_time*1000);

	}



}

 
数据挖掘研究院
 

　 数据挖掘研究院

　 数据挖掘研究院

请把程序研究一会，看看会得到什么结果。但不要尝试去运
行它，否则结果会使你很不愉快。让我们在“while"循环中
走几趟：

数据挖掘研究院

第一遍

• while (hellIsHot == true) : 是的地狱还
  是热的。
  
• the_time += 2 : 所以现在  the_time = 2
  
• var time = setTimeout("changeTextBoxTo(2);", 2000) :
  所以, 从现在开始两秒后, 文本框变成了“2.",这正是我们想要的结果。
  

第二遍

• while (hellIsHot == true) : 确实，地狱还是热的.
  .
• the_time += 2 : 所以现在 the_time = 4
  
• var time = setTimeout("changeTextBoxTo(4);", 4000) :
  所以, 从现在开始四秒后, 文本框变成了“4.",很好。
  

第三遍

• while (hellIsHot == true) : 不, 地狱一
  点也没凉快.
  
• the_time += 2 : 所以现在 the_time = 6
  
• var time = setTimeout("changeTextBoxTo(6);", 6000) :
  所以, 从现在开始六秒后,
  文本框变成了“6.",好。
  

第四遍

• while (hellIsHot == true) : 是的，还是
  数据挖掘研究院
  
  热的。
  
• 还那样
• 还那样

你看明白了。这段代码看起来象是做对了。不幸的是其实不
是这样。相反它创建了一个死循环，一直设定setTimeouts
直到地狱冷下来。这里有两个问题。首先，当在循环里时，
你的浏览器就无法做任何其它的事情，基本上就是停止，执
行动作，再设定下一个定时器，一直到永远。第二，每次设
定setTimeout时，浏览器 都要记住你预定执行的内容以及
何时执行。最终你的浏览器会把内存耗尽，这时你的浏览器
会崩溃，或者你的计算机会崩溃，或者把你弄疯而永远也不
想再写一行Javascript程序了。 数据挖掘研究院