在JavaScript中使用timer示例
2014-05-09来源:

这篇文章主要介绍了在JavaScript中如何使用timer,并给出各种测试case的例子,需要的朋友可以参考下

代码如下:

function foo()

{

}

setInterval( "foo()", 1000 );

如果使用OO的技术,可以这样,

复制代码 代码如下:

// constructor

function MyObj

{

function foo()

{

alert( this.data );

}

this.timer = foo;

this.data = "Hello";

setInterval( "this.timer()", 1000 );

}

function Another()

{

// create timer when create object

var obj = new MyObj();

}

但是,它并不能像你想像的那样工作。原因在于setInterval()这个函数并不能识别this这个变量。一个workaround 的方法可以这样。

代码如下:

function Another()

{

var obj = nw MyObj();

setInterval( “obj.timer()”, 1000 );

}

显然,它可以正确工作,但如果你是一个完美主义者,你就不会对它满意。幸运的是,可以将这个动作放到构造函数中去,形式上有点变化。

代码如下:

// constructor

function MyObj

{

function foo()

{

alert( this.data );

}

this.timer = foo;

this.data = "Hello";

var self = this;

setInterval( function() { self.timer(); }, 1000 );

}

function Another()

{

var obj = new MyObj();

}

OK, 通过使用一个闭包,就可以了。至于其中的原因,我想给读者自己去思考。

最后,给一个各种测试case的例子。

代码如下:

</p> <p>Hello Timer</p> <p>

Baidu
map

更多信息请查看IT技术专栏

2026上岸·考公考编培训报班

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息
Baidu
map