如何同时运行两个单独的功能？如果我想要两个时钟,一个计数,另一个计数,我希望它们同时运行,我该怎么做？
如果我刚才做了：
- var up = 1;
- while(true){
- document.write(up);
- up++;
- if(up==11)
- up=1;
- }
- var down = 10;
- while(true){
- document.write(down);
- down--;
- if(down==0)
- down=10;
- }
……它会继续数数……
解决方法
Javascript是单线程的.只有一个线程可以访问该页面.
在某些HTML5浏览器中,可以使用Web Workers在另一个线程中执行某些代码,然后通过消息传递与主线程进行通信,但Web Worker线程无法以任何方式访问DOM.
如果您希望计数器在循环中运行,那么典型的方法是使用计时器,然后在每次计时器运行时设置DOM中对象的内容.通过这种方式,您可以看到同时运行多个事物,但实际上,它们仍然是一次一个,只是单独计时.
这是两个“出现”同时运行的计数器的示例：http://jsfiddle.net/jfriend00/3yc9r/.
- var cntr1 = 1;
- var cntr2 = 2;
- setInterval(function() {
- document.getElementById("time1").innerHTML = cntr1 += 13;
- },33);
- setInterval(function() {
- document.getElementById("time2").innerHTML = cntr2 += 5;
- },44);
另外,你真的不想在循环中做document.write().将运行一段时间的代码应该在页面加载后运行,并且应该直接修改DOM中的对象而不是使用document.write().
