在JavaScript中使用timer示例_javascript技巧
程序员文章站
2022-04-26 15:28:30
...
复制代码 代码如下:
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的例子。
复制代码 代码如下:
Hello Timer
下一篇: PHP日期函数date()的深入学习
推荐阅读
-
JavaScript中双叹号(!!)作用示例介绍_javascript技巧
-
JS截取字符串常用方法整理及使用示例_javascript技巧
-
javascript中的void运算符语法及使用介绍_javascript技巧
-
在Javascript中处理字符串之big()方法的使用
-
Javascript中Eval函数的使用说明_javascript技巧
-
javascript中的new使用_javascript技巧
-
在HTML中插入JavaScript代码的示例_基础知识
-
javascript中checkbox使用方法简单实例演示_javascript技巧
-
javascript实现的使用方向键控制光标在table单元格中切换_javascript技巧
-
js中事件的处理与浏览器对象示例介绍_javascript技巧